cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-28 10:29:11 +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/common/components/view-logo/ViewLogo.scss
+1 -1
View File
@@ -1,5 +1,5 @@
.viewLogo { .viewLogo {
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 75px;
display: block; display: block;
} }
apps/client/src/features/viewers/clock/Clock.scss
+9 -1
View File
@@ -25,6 +25,14 @@
top: 2vw; top: 2vw;
left: 2vw; left: 2vw;
max-width: min(200px, 20vw); 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; top: 2vw;
left: 2vw; left: 2vw;
max-width: min(200px, 20vw); max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
} }
/* =================== MAIN - EVENT CONTAINER ===================*/ /* =================== 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; top: 2vw;
left: 2vw; left: 2vw;
max-width: min(200px, 20vw); 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);
}
} }
} }
apps/client/src/views/backstage/Backstage.scss
+1 -2
View File
@@ -44,7 +44,6 @@
.logo { .logo {
max-width: min(200px, 20vw); max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
} }
.title { .title {
@@ -184,7 +183,7 @@
gap: 0.5rem; gap: 0.5rem;
} }
.logo { .logo img {
height: min(50px, 10vh); height: min(50px, 10vh);
} }
apps/client/src/views/project-info/ProjectInfo.scss
+9 -1
View File
@@ -18,7 +18,6 @@
.logo { .logo {
max-width: min(200px, 30vw); max-width: min(200px, 30vw);
max-height: min(100px, 20vh);
} }
.info { .info {
@@ -46,3 +45,12 @@
} }
} }
} }
/* =================== MOBILE ===================*/
@media screen and (max-width: 768px) {
.project {
.logo img {
height: min(50px, 10vh);
}
}
}
apps/client/src/views/public/Public.scss
+1 -2
View File
@@ -43,7 +43,6 @@
.logo { .logo {
max-width: min(200px, 20vw); max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
} }
.title { .title {
@@ -165,7 +164,7 @@
gap: 0.5rem; gap: 0.5rem;
} }
.logo { .logo img{
height: min(50px, 10vh); height: min(50px, 10vh);
} }
apps/client/src/views/timeline/TimelinePage.scss
-1
View File
@@ -23,7 +23,6 @@
.logo { .logo {
max-width: min(200px, 20vw); max-width: min(200px, 20vw);
max-height: min(100px, 20vh);
} }
.clock-container { .clock-container {
apps/client/src/views/timer/Timer.scss
+9 -1
View File
@@ -201,6 +201,14 @@
top: $view-block-padding; top: $view-block-padding;
left: $view-inline-padding; left: $view-inline-padding;
max-width: min(200px, 20vw); max-width: min(200px, 20vw);
max-height: min(100px, 20vh); }
}
/* =================== MOBILE ===================*/
@media screen and (max-width: 768px) {
.stage-timer {
.logo img {
height: min(50px, 10vh);
}
} }
} }