fix: bump feed/legend safe-area offsets to account for two-row VCR on mobile

This commit is contained in:
you
2026-03-20 00:33:24 +00:00
parent 514ee825dd
commit 4e1616fb61
2 changed files with 4 additions and 4 deletions
+1 -1
View File
@@ -22,7 +22,7 @@
<meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
<link rel="stylesheet" href="style.css?v=1773963867">
<link rel="stylesheet" href="home.css">
<link rel="stylesheet" href="live.css?v=1773966777">
<link rel="stylesheet" href="live.css?v=1773966804">
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin="anonymous">
+3 -3
View File
@@ -438,9 +438,9 @@
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.vcr-bar { padding-bottom: calc(8px + env(safe-area-inset-bottom, 34px)); }
.live-feed { bottom: calc(58px + env(safe-area-inset-bottom, 34px)); }
.feed-show-btn { bottom: calc(68px + env(safe-area-inset-bottom, 34px)) !important; }
.live-legend { bottom: calc(58px + env(safe-area-inset-bottom, 34px)); }
.live-feed { bottom: calc(78px + env(safe-area-inset-bottom, 34px)); }
.feed-show-btn { bottom: calc(88px + env(safe-area-inset-bottom, 34px)) !important; }
.live-legend { bottom: calc(78px + env(safe-area-inset-bottom, 34px)); }
}
.vcr-bar > .vcr-controls {
display: flex; align-items: center; gap: 4px; flex-shrink: 0;