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

refactor(timeline): style tweaks to small screens

Browse Source
This commit is contained in:
Carlos Valente
2025-11-12 06:32:20 +01:00
committed by Carlos Valente
parent f5753a0f5a
commit c1d9276dd5
1 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/views/timeline/TimelinePage.scss
+14 -4
View File
@@ -74,8 +74,8 @@
} }
.section-title { .section-title {
line-height: 1em; line-height: 1;
font-size: 1.5rem; font-size: $base-font-size;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -83,8 +83,9 @@
} }
.section-title__label { .section-title__label {
text-transform: uppercase; font-size: $timer-label-size;
color: var(--label-color-override, $viewer-label-color); color: var(--label-color-override, $viewer-label-color);
text-transform: uppercase;
} }
.section-title__status { .section-title__status {
@@ -94,7 +95,7 @@
.section-content { .section-content {
min-height: 2em; min-height: 2em;
line-height: 1em; line-height: 1em;
font-size: 3rem; font-size: $timer-value-size;
text-transform: uppercase; text-transform: uppercase;
font-weight: 600; font-weight: 600;
@@ -119,3 +120,12 @@
opacity: $opacity-disabled; opacity: $opacity-disabled;
} }
} }
@media (max-width: $min-tablet) {
.timeline {
.title-grid {
display: flex;
flex-direction: column;
}
}
}