cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-16 04:43:35 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: consistent logo sizes

Browse Source
This commit is contained in:
Carlos Valente
2025-02-25 21:16:16 +01:00
committed by Carlos Valente
parent e37254107e
commit e90161aa33
9 changed files with 50 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/viewers/clock/Clock.scss
+9 -1
View File
@@ -25,6 +25,14 @@
top: 2vw;
left: 2vw;
max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
}
}
/* =================== MOBILE ===================*/
@media screen and (max-width: 768px) {
.clock-view {
.logo img {
height: min(50px, 10vh);
}
}
}
apps/client/src/features/viewers/countdown/Countdown.scss
+10 -1
View File
@@ -38,7 +38,6 @@
top: 2vw;
left: 2vw;
max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
}
/* =================== MAIN - EVENT CONTAINER ===================*/
@@ -175,3 +174,13 @@
}
}
}
/* =================== MOBILE ===================*/
@media screen and (max-width: 768px) {
.countdown {
.logo img {
height: min(50px, 10vh);
}
}
}
apps/client/src/features/viewers/minimal-timer/MinimalTimer.scss
+10 -1
View File
@@ -56,6 +56,15 @@
top: 2vw;
left: 2vw;
max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
}
}
/* =================== MOBILE ===================*/
@media screen and (max-width: 768px) {
.minimal-timer {
.logo img {
height: min(50px, 10vh);
}
}
}