AmpliPi icon indicating copy to clipboard operation
AmpliPi copied to clipboard

Frontend looks silly on some tablets

Open SteveMicroNova opened this issue 1 year ago • 2 comments

image See image, in my test of what the frontend would look like on a Surface Pro 7 the main ui only took up the upper half of the screen in portrait mode

It may be worth having further dynamic css to make the StreamCards dynamically taller when the screen has a certain width:height ratio

SteveMicroNova avatar Sep 27 '24 12:09 SteveMicroNova

This could probably also be done without checking viewport size by setting their height to like 20vh but their minHeight to whatever height is set to now, that way it'll fill the screen but it won't harm the experience of shorter screens

SteveMicroNova avatar Sep 27 '24 13:09 SteveMicroNova

Note that regardless of implementation, you'll need to contend with how the ui within the cards displays That might be a minor headache that would be best achieved with a 2d MUI Grid imo

I did something similar in #703, the solution to the dynamic ui scaling might lie there

SteveMicroNova avatar Sep 27 '24 13:09 SteveMicroNova