feat: 集成菜单栏伸缩功能

src/layout/components/sidebar/SideLogo.vue

@@ -1,31 +1,33 @@
 <template>
-  <div class="logo">
+  <router-link to="/" class="logo">
     <n-icon size="36" color="#316c72">
       <IconLogo />
     </n-icon>
-    <router-link to="/">
-      <n-gradient-text type="primary">{{ title }}</n-gradient-text>
-    </router-link>
-  </div>
+    <n-gradient-text v-show="!appStore.collapsed" type="primary">{{ title }}</n-gradient-text>
+  </router-link>
 </template>
 
 <script setup>
 import { IconLogo } from '@/components/AppIcons'
+import { useAppStore } from '@/store/modules/app'
 const title = import.meta.env.VITE_APP_TITLE
+
+const appStore = useAppStore()
 </script>
 
 <style lang="scss" scoped>
 .logo {
-  height: 64px;
+  padding: 15px;
   display: flex;
   align-items: center;
   justify-content: center;
-  a {
-    margin-left: 5px;
-    .n-gradient-text {
-      font-size: 14px;
-      font-weight: bold;
-    }
+  .n-gradient-text {
+    margin-left: 15px;
+    font-size: 16px;
+    font-weight: bold;
+    max-width: 140px;
+    flex-shrink: 0;
+    white-space: normal;
   }
 }
 </style>