markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

scale nav buttons on narrow screens

Browse source
This commit is contained in:
Matt Walsh 2025-05-29 08:36:13 -05:00
commit 28bb8f2e2a
No known key found for this signature in database
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 {