From 8052dfbfb734c1ad094fb36016229180056073df Mon Sep 17 00:00:00 2001 From: Leo Vasanko Date: Thu, 22 Jan 2026 00:57:30 +0000 Subject: [PATCH] Attempt a better mobile layout, to fix sizing issues with Brave Android. --- frontend/index.html | 2 +- frontend/src/assets/main.css | 10 +++++++++- 2 files changed, 10 insertions(+), 2 deletions(-) diff --git a/frontend/index.html b/frontend/index.html index ee2d7f9..47b2259 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -2,7 +2,7 @@ Cista Storage - + diff --git a/frontend/src/assets/main.css b/frontend/src/assets/main.css index 6537f3f..d16467d 100644 --- a/frontend/src/assets/main.css +++ b/frontend/src/assets/main.css @@ -110,6 +110,7 @@ margin: 0 .5rem 0 1rem !important; } body#app { + position: static !important; height: auto !important; } main { @@ -165,6 +166,11 @@ body { font-family: 'Roboto'; color: var(--primary-color); margin: 0; + /* Prevent any scrolling on body */ + overflow: hidden; + /* Fallback for older browsers */ + height: 100vh; + height: 100dvh; } tbody .size, tbody .modified { @@ -214,12 +220,14 @@ table { gap: 0; } body#app { - height: 100vh; + position: fixed; + inset: 0; display: flex; flex-direction: column; } main { flex: 1 1 auto; + min-height: 0; /* Allow flex child to shrink below content size */ padding-bottom: 3em; /* convenience space on the bottom */ overflow-y: scroll; text-align: center;