css: fix window alignment

Signed-off-by: Sean Cross <sean@xobs.io>
2023-12-02 08:51:07 +08:00
parent 32c1b7d54b
commit 31f0dff822
3 changed files with 15 additions and 8 deletions
--- a/static/css/desktop.css
+++ b/static/css/desktop.css
@@ -19,6 +19,7 @@ main {

 .main-content {
 	display: none;
+	height: 100vh;
 }

 .main-content-active {
--- a/static/css/mobile.css
+++ b/static/css/mobile.css
@@ -7,6 +7,10 @@
        padding: 0;
    }

+    .main-content {
+        height: calc(100vh - 5rem);
+    }
+
    .main-sidebar-rail {
        margin-left: 0;
    }
@@ -18,12 +22,12 @@
        height: 5rem;
        align-items: flex-start;
        padding-top: 0.4rem;
-	    transition: none;
+        transition: none;
    }

    .sidenav-rail {
        width: 100vw;
-	    transition: none;
+        transition: none;
    }

    .sidenav-nav {