btclock/webui
3
0
Fork 2
Code Issues Pull requests 1 Projects Releases 16 Wiki Activity Actions

More small screen fixes

Browse source
This commit is contained in:
Djuri Baars 2024-08-31 18:02:44 +02:00
parent 645c0f7d49
commit cb9bfa4499
1 changed files with 7 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/lib/style/app.scss
View file

@ -63,7 +63,7 @@ nav {
display: flex; display: flex;
font-size: calc(3vw + 3vh); font-size: calc(3vw + 3vh);
font-family: 'Oswald', sans-serif; font-family: 'Oswald', sans-serif;
font-weight: 800; font-weight: 400;
padding: 10px; padding: 10px;
gap: 10px; gap: 10px;
@ -81,7 +81,7 @@ nav {
aspect-ratio: 1 / 1.5; /* Maintain a 1:1 aspect ratio */ aspect-ratio: 1 / 1.5; /* Maintain a 1:1 aspect ratio */
hr { hr {
width: 80%; /* Line width relative to digit square */ width: 75%; /* Line width relative to digit square */
border: 0; border: 0;
border-top: 2px solid #fff; border-top: 2px solid #fff;
margin: 0; /* Remove default margin */ margin: 0; /* Remove default margin */
@ -110,7 +110,7 @@ nav {
} }
.splitText { .splitText {
font-size: calc(1vw + 1vh); font-size: calc(0.5vw + 1vh);
.top-text, .top-text,
.bottom-text { .bottom-text {
@ -119,11 +119,11 @@ nav {
} }
.top-text { .top-text {
margin-bottom: -25px; margin-bottom: -45px;
} }
.bottom-text { .bottom-text {
margin-top: -25px; margin-top: -45px;
} }
} }
@ -156,6 +156,8 @@ nav {
} }
.splitText { .splitText {
font-size: calc(1.2vw + 1.2vh);
.top-text, .top-text,
.bottom-text { .bottom-text {
margin: 0; margin: 0;