Browse Source

fix: main container paddings

Tienson Qin 3 years ago
parent
commit
6ffb8d20ed
1 changed files with 13 additions and 12 deletions
  1. 13 12
      src/main/frontend/components/sidebar.css

+ 13 - 12
src/main/frontend/components/sidebar.css

@@ -30,17 +30,22 @@
 }
 
 #main-container {
-  position: relative;
-  height: calc(100vh - var(--ls-headbar-height));
-  transition: padding-left .3s;
+    position: relative;
+    height: 100%;
+    transition: padding-left .3s;
 
-  &.is-left-sidebar-open {
-    padding-left: 0;
+    &.is-left-sidebar-open {
+        padding-left: 0;
 
-    @screen sm {
-      padding-left: var(--ls-left-sidebar-width);
+        @screen sm {
+            padding-left: var(--ls-left-sidebar-width);
+        }
     }
-  }
+}
+
+#main-content {
+  position: relative;
+  height: calc(100vh - var(--ls-headbar-height));
 
   &-container {
     @apply p-4 sm:px-8;
@@ -462,7 +467,3 @@ html[data-theme='dark'] {
 .favorites li.dragging-target {
   border-left: 5px solid green;
 }
-
-#main-content-container {
-    height: calc(100vh - var(--ls-headbar-height));
-}