min-h/max-h trickery

OpenDreamProject · May 27, 2024 · 3146243 · 3146243
1 parent 16f4d4e
commit 3146243
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/templates/base.html b/templates/base.html
@@ -39,9 +39,9 @@
 </head>
 
 <body>
-    <div class="flex gap-10 px-3 supports-[height:100cqh]:h-[100cqh] supports-[height:100svh]:h-[100svh]">
+    <div class="flex gap-10 px-3 supports-[height:100cqh]:min-h-[100cqh] supports-[height:100svh]:min-h-[100svh]">
 
-        <div class="left-bar hidden md:block min-h-screen supports-[height:100cqh]:h-[100cqh] supports-[height:100svh]:h-[100svh]" id="left-bar">
+        <div class="left-bar hidden md:block min-h-screen supports-[height:100cqh]:min-h-[100cqh] supports-[height:100svh]:min-h-[100svh]" id="left-bar">
             <div class="flex flex-row">
             <img src="{{ get_url(path='favicon.svg') | safe }}" width=24px><input data-stork="ref-search" class="flex-grow m-2 pr-2" type="text" />
             </div>