search

klattimer / SystemDashboard

A lightweight python system dashboard written in cherry py delivered over the web.
MIT License
10 stars 2 forks source link

Mobile UI #9

Open klattimer opened 5 years ago

klattimer commented 5 years ago

We don't have a responsive UI exactly, but we have the makings of one quite easily...

klattimer commented 5 years ago

@JHarding-Method

This could be achieved by changing --base-size on root, and changing the number of boxes wide the row containers are in the layout.

JamieSterling commented 5 years ago

I'm thinking it would be better to just use flex box and just a quick build of lightweight cols so we don't have to worry about adjusting the --base-size on every resize event.

Using flex box cols should allow to change the size of any specific API Item incase we change data or want to use larger widths for larger cols.

We then shouldn't need to worry about the mobile UI as it should just flow itself.

klattimer commented 5 years ago

You want to get rid of masonry don't you...

OK, Here's a test of your theory then, create a collection of widgets like network - inside have a w1h1, w1h2, w2h1 and another w2h1 - How do they fit together in masonry and flex?

I don't want to see spaces which could easily be filled by other small items, that's basically all masonry is for here.