perf(style/sidebar): improve some detail in sidebar

ArtalkJS · Feb 4, 2024 · e181a6d · e181a6d
1 parent 7873b21
commit e181a6d
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/ui/artalk-sidebar/src/App.vue b/ui/artalk-sidebar/src/App.vue
@@ -116,6 +116,15 @@ const darkMode = ref(bootParams.darkMode)
     left: 0;
     background: var(--at-color-bg);
     border-top: 1px solid var(--at-color-border);
+
+    // A patch for loading
+    // Because the parent position set to fixed,
+    // the loading layer will be fixed to the area if position is absolute (which is default for atk-loading)
+    .atk-loading {
+      position: fixed;
+      top: 102px;
+      height: calc(100% - 102px);
+    }
   }
 }
 </style>
diff --git a/ui/artalk-sidebar/src/style.scss b/ui/artalk-sidebar/src/style.scss
@@ -14,6 +14,13 @@ body {
   .atk-sidebar-inner {
   }
 
+  .atk-list {
+    .atk-main-editor {
+      margin-top: -4px;
+      margin-bottom: -2px;
+    }
+  }
+
   .atk-sidebar-no-content {
     position: absolute;
     left: 0;