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

refactor: tweaks to countdown styles

Browse Source
This commit is contained in:
Carlos Valente
2025-09-08 06:23:39 +02:00
parent ac8c1e333e
commit 0057b4a3f1
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/countdown/SingleEventCountdown.scss
+10 -7
View File
@@ -1,11 +1,10 @@
@use '@/theme/viewerDefs' as *; @use '@/theme/viewerDefs' as *;
.single-container { .single-container {
height: 100%; margin-top: 7.5vh;
margin-top: 5vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $view-element-gap; gap: 5rem;
} }
.event__title { .event__title {
@@ -13,21 +12,25 @@
padding: $view-card-padding; padding: $view-card-padding;
border-radius: $element-border-radius; border-radius: $element-border-radius;
font-size: clamp(40px, 4.5vw, 80px); font-size: clamp(40px, 4.5vw, 80px);
line-height: 1.1em; line-height: 1.1;
text-align: center; text-align: center;
border-left: 0.25em solid; border-left: 0.25em solid;
border-color: var(--card-background-color-override, $viewer-card-bg-color); border-color: var(--card-background-color-override, $viewer-card-bg-color);
.secondary { .secondary {
text-align: left; text-align: left;
font-size: clamp(20px, 2vw, 40px); font-size: $title-font-size;
}
.sub__schedule {
color: inherit;
font-size: $base-font-size;
} }
} }
.event__status { .event__status {
color: var(--secondary-color-override, $viewer-secondary-color); color: var(--secondary-color-override, $viewer-secondary-color);
font-size: clamp(2rem, 3.5vw, 3.5rem); font-size: $header-font-size;
font-weight: 600; font-weight: 600;
text-transform: uppercase; text-transform: uppercase;
} }