hnzio/mood-tracking
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Fix media and sleep bar layout

Browse Source
This commit is contained in:
Florian Heinz
2026-05-19 16:24:11 +02:00
parent 6a5852654b
commit 36a15f3ed4
4 changed files with 42 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/app.css
+35 -5
View File
@@ -943,6 +943,12 @@ body.page-dashboard .content {
background: linear-gradient(135deg, rgba(54, 147, 173, 0.92), rgba(38, 106, 135, 0.92));
}
.sleep-phase-bar__segment--rest {
min-width: 0;
padding: 0;
background: rgba(255, 255, 255, 0.1);
}
.media-lightbox[hidden] {
display: none;
}
@@ -990,13 +996,24 @@ body.page-dashboard .content {
.media-lightbox__content .timeline-route-map {
width: 100%;
max-width: none;
height: min(72vh, 42rem);
border-radius: 1.4rem;
object-fit: contain;
}
.media-lightbox__content img {
height: auto;
max-height: 82vh;
}
.media-lightbox__content .timeline-route-map {
aspect-ratio: 16 / 9;
height: auto;
max-height: 76vh;
}
.media-lightbox__content .timeline-route-map {
cursor: default;
pointer-events: none;
}
.timeline-card__meta strong {
@@ -2168,8 +2185,9 @@ body.page-dashboard .content {
}
.dashboard-shell__background {
inset: 0;
inset: calc(-1 * env(safe-area-inset-top)) 0 calc(-1 * env(safe-area-inset-bottom)) 0;
width: 100%;
height: calc(100dvh + env(safe-area-inset-top) + env(safe-area-inset-bottom));
transform: none;
}
@@ -2235,10 +2253,22 @@ body.page-dashboard .content {
.timeline-card__image {
width: 100%;
max-width: none;
margin: -2.65rem 0 0.7rem;
margin: 0;
border-radius: 1.25rem;
}
.timeline-media-button {
min-height: 0;
height: auto;
max-height: none;
margin: 0 0 0.7rem;
}
.timeline-media-button .timeline-card__image {
height: auto;
max-height: 24rem;
}
.timeline-card__time-chip {
position: absolute;
top: 0.75rem;
@@ -2298,8 +2328,8 @@ body.page-dashboard .content {
}
.timeline-card--with-image .signal-row {
top: 2.05rem;
left: 2.05rem;
top: 0.75rem;
left: 0.75rem;
}
.timeline-card .signal-pill {