diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-06-24 15:09:02 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-06-24 15:09:02 +0200 |
| commit | dc4a7f316c1e3f3392ffd68b6a432eddd7013868 (patch) | |
| tree | 89ee9a3a3f16571f09d05c877fa2993743b95fd8 /src/frontend/app | |
| parent | 98203907c2a0d7ab5c7111e6e659b7f0179ccadf (diff) | |
Fix heights (temp patch, should be flexible)
Diffstat (limited to 'src/frontend/app')
| -rw-r--r-- | src/frontend/app/root.css | 2 | ||||
| -rw-r--r-- | src/frontend/app/routes/map.css | 8 | ||||
| -rw-r--r-- | src/frontend/app/routes/stoplist.css | 6 |
3 files changed, 8 insertions, 8 deletions
diff --git a/src/frontend/app/root.css b/src/frontend/app/root.css index 689b48e..89da67a 100644 --- a/src/frontend/app/root.css +++ b/src/frontend/app/root.css @@ -37,7 +37,7 @@ body { display: flex; flex-direction: column; - height: 100vh; + height: 100dvh; width: 100%; overflow: hidden; } diff --git a/src/frontend/app/routes/map.css b/src/frontend/app/routes/map.css index 3af112a..115df46 100644 --- a/src/frontend/app/routes/map.css +++ b/src/frontend/app/routes/map.css @@ -1,6 +1,6 @@ /* Map page specific styles */ .map-container { - height: calc(100vh - 140px); + height: calc(100dvh - 140px); margin: -16px; margin-bottom: 1rem; position: relative; @@ -12,7 +12,7 @@ top: 0; left: 0; width: 100vw; - height: 100vh; + height: 100dvh; padding: 0; margin: 0; max-width: none; @@ -28,7 +28,7 @@ display: flex; justify-content: center; align-items: center; - height: 100vh; + height: 100dvh; width: 100vw; font-size: 1.8rem; font-weight: 600; @@ -83,4 +83,4 @@ .popup-link:hover { text-decoration: underline; -}
\ No newline at end of file +} diff --git a/src/frontend/app/routes/stoplist.css b/src/frontend/app/routes/stoplist.css index d65e048..253c0ab 100644 --- a/src/frontend/app/routes/stoplist.css +++ b/src/frontend/app/routes/stoplist.css @@ -123,7 +123,7 @@ /* Map page specific styles */ .map-container { - height: calc(100vh - 140px); + height: calc(100dvh - 140px); margin: -16px; margin-bottom: 1rem; position: relative; @@ -135,7 +135,7 @@ top: 0; left: 0; width: 100vw; - height: 100vh; + height: 100dvh; padding: 0; margin: 0; max-width: none; @@ -151,7 +151,7 @@ display: flex; justify-content: center; align-items: center; - height: 100vh; + height: 100dvh; width: 100vw; font-size: 1.8rem; font-weight: 600; |