m-henderson / tenantbuddy

Tenant Management System (TMS) for landlords
2 stars 0 forks source link

Basic Layout #1

Open m-henderson opened 7 months ago

m-henderson commented 7 months ago

I like the nav on the left and the bar on top. I think that would be a good start. Here is an example of a site that looks simple (highlighted in red):

Screenshot 2024-03-10 at 12 21 40 PM
m-henderson commented 7 months ago

Might need to use media queries for different devices sizes, etc. Im going to use a fixed height for now.

Enjoy2Live commented 7 months ago

@m-henderson can you send screenshots of the same site you had in the issue but for different breakpoints? Maybe we can take inspirations from that!

m-henderson commented 7 months ago

@Enjoy2Live would it show the break points here in the bottom right if there were any?

Screenshot 2024-03-11 at 9 16 35 PM
Enjoy2Live commented 7 months ago

@m-henderson No, this one is for adding breakpoints on DOM elements for debugging purposes. Example: enter the debugger when router-outlet changes in DOM.

I wanted to see how their layout looks like for different screen sizes so can you include screenshots on 430px, 640px, 768px, 1024px screen widths here

m-henderson commented 7 months ago

@Enjoy2Live I think that is a great idea. is this what you are talking about?:

430px

image

640px

image

768px

image

1024px

image
Enjoy2Live commented 7 months ago

Yup that's exactly what I wanted. now I have an idea of they handle layout on different breakpoints!