Simplify heights

Mubelotix · Jun 16, 2024 · 9f7bf68 · 9f7bf68
1 parent 973dc4e
commit 9f7bf68
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 22 deletions.
diff --git a/webui/index.html b/webui/index.html
@@ -49,11 +49,6 @@ <h1>Admarus</h1>
                 </div>
             </div>
         </section>
-    </main>    
-    <script>
-        // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
-        let vh = window.innerHeight * 0.01;
-        document.documentElement.style.setProperty('--vh', `${vh}px`);
-    </script>
+    </main>
 </body>
 </html>
diff --git a/webui/src/pages/results/results.css b/webui/src/pages/results/results.css
@@ -1,8 +1,8 @@
 #results-page {
-    background-color: #f5f5f5;
+    height: 100vh;
+    height: 100dvh;
     width: 100%;
-    min-height: 100vh;
-    min-height: calc(var(--vh, 1vh) * 100 - 0.01px);
+    background-color: #f5f5f5;
 }
 
 #results-header {

diff --git a/webui/src/pages/search/search.css b/webui/src/pages/search/search.css
@@ -9,7 +9,7 @@ body {
 
 section {
     height: 100vh;
-    height: calc(var(--vh, 1vh) * 100 - 0.01px);
+    height: 100dvh;
     display: flex;
     flex-direction: column;
     align-items: center;

diff --git a/webui/src/pages/settings/settings.css b/webui/src/pages/settings/settings.css
@@ -1,13 +1,13 @@
+#settings-page {
+    height: 100vh;
+    height: 100dvh;
+    background-color: #f5f5f5;
+}
+
 #settings-button {
     all: unset;
     padding: 0.5rem;
     width: 1.5rem;
     height: 1.5rem;
     cursor: pointer;
 }
-
-#settings-page {
-    background-color: #f5f5f5;
-    min-height: 100vh;
-    min-height: calc(var(--vh, 1vh) * 100 - 0.01px);
-}
diff --git a/webui/testing.html b/webui/testing.html
@@ -45,11 +45,6 @@ <h1>Admarus</h1>
                 </div>
             </div>
         </section>
-    </main>    
-    <script>
-        // https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
-        let vh = window.innerHeight * 0.01;
-        document.documentElement.style.setProperty('--vh', `${vh}px`);
-    </script>
+    </main>
 </body>
 </html>