eric/WeatherStar4000
1
0
Fork 0
mirror of https://github.com/netbymatt/ws4kp.git synced 2026-04-21 19:19:31 -07:00
Code Issues Packages Projects Releases Wiki Activity

scale nav buttons on narrow screens

Browse Source
This commit is contained in:
Matt Walsh
2025-05-29 08:36:13 -05:00
parent cf9a99a6ca
commit 28bb8f2e2a
3 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
server/styles/main.css
View File

File diff suppressed because one or more lines are too long

2
server/styles/main.css.map
View File

File diff suppressed because one or more lines are too long

22
server/styles/scss/_page.scss
View File

@@ -189,11 +189,33 @@ body {
#divTwcBottom>div { #divTwcBottom>div {
padding-left: 6px; padding-left: 6px;
padding-right: 6px; padding-right: 6px;
// scale down the buttons on narrower screens
@media (max-width: 550px) {
zoom: 0.90;
}
@media (max-width: 500px) {
zoom: 0.80;
}
@media (max-width: 450px) {
zoom: 0.70;
}
@media (max-width: 400px) {
zoom: 0.60;
}
@media (max-width: 350px) {
zoom: 0.50;
}
} }
#divTwcBottomLeft { #divTwcBottomLeft {
flex: 1; flex: 1;
text-align: left; text-align: left;
} }
#divTwcBottomMiddle { #divTwcBottomMiddle {