feat: optimize layout

lanthora · Jul 23, 2024 · b943ad1 · b943ad1
1 parent bcd21b6
commit b943ad1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 17 deletions.
diff --git a/frontend/src/components/AdminView.vue b/frontend/src/components/AdminView.vue
@@ -1,12 +1,6 @@
 <template>
-  <a-layout>
-    <a-layout-sider
-      breakpoint="lg"
-      collapsed-width="0"
-      @collapse="onCollapse"
-      @breakpoint="onBreakpoint"
-      :style="{ height: '98vh' }"
-    >
+  <a-layout style="min-height: 98vh">
+    <a-layout-sider breakpoint="lg" collapsed-width="0">
       <div class="logo">
         <a-avatar src="/favicon.ico" />
       </div>
@@ -31,12 +25,7 @@
 
 <script setup>
 import { ref } from 'vue'
-const onCollapse = (collapsed, type) => {
-  console.log(collapsed, type)
-}
-const onBreakpoint = (broken) => {
-  console.log(broken)
-}
+
 const selectedKeys = ref(['user'])
 
 const showUserManagement = () => {

diff --git a/frontend/src/components/SettingView.vue b/frontend/src/components/SettingView.vue
@@ -3,7 +3,7 @@
     <a-page-header
       style="border: 1px solid rgb(235, 237, 240)"
       title="Setting"
-      sub-title="configs that can only be modified by admin"
+      sub-title="system configuration"
     />
   </a-layout-header>
   <a-layout-content :style="{ margin: '24px 16px 0' }">

diff --git a/frontend/src/components/UserView.vue b/frontend/src/components/UserView.vue
@@ -1,6 +1,6 @@
 <template>
-  <a-layout>
-    <a-layout-sider breakpoint="lg" collapsed-width="0" :style="{ height: '98vh' }">
+  <a-layout style="min-height: 98vh">
+    <a-layout-sider breakpoint="lg" collapsed-width="0">
       <div class="logo">
         <a-avatar src="/favicon.ico" />
       </div>