feat: Optimize management console(UI) style (#299)

Ahoo-Wang · Nov 20, 2023 · d198f48 · d198f48
1 parent 7dedb18
commit d198f48
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/cosky-dashboard/src/app/components/authenticated/authenticated.component.html b/cosky-dashboard/src/app/components/authenticated/authenticated.component.html
@@ -62,7 +62,7 @@ <h1>{{title}}</h1>
       </li>
     </ul>
   </nz-sider>
-  <nz-layout>
+  <nz-layout class="right-layout">
     <nz-header>
       <div class="app-header">
         <span class="header-trigger" (click)="isCollapsed = !isCollapsed">

diff --git a/cosky-dashboard/src/app/components/authenticated/authenticated.component.scss b/cosky-dashboard/src/app/components/authenticated/authenticated.component.scss
@@ -22,11 +22,15 @@
   height: 100vh;
 }
 
-.menu-sidebar {
-  position: relative;
-  z-index: 10;
-  min-height: 100vh;
-  box-shadow: 2px 0 6px rgba(0, 21, 41, .35);
+nz-sider {
+  overflow: auto;
+  height: 100%;
+  position: fixed;
+  left: 0;
+}
+
+.right-layout {
+  margin-left: 168px;
 }
 
 .header-trigger {

diff --git a/cosky-dashboard/src/styles.scss b/cosky-dashboard/src/styles.scss
@@ -24,4 +24,5 @@
 .content-body {
   margin-top: 16px;
   height: 100%;
+  overflow: auto;
 }