compose

ai-chat-web/src/views/chat/layout/Layout.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import { NLayout, NLayoutContent } from 'naive-ui'
 import { useRouter } from 'vue-router'
-// import Sider from './sider/index.vue'
+import Sider from './sider/index.vue'
 // import SiderRight from './SiderRight/index.vue'
 // import Permission from './Permission.vue'
 import { useBasicLayout } from '@/hooks/useBasicLayout'
@@ -37,8 +37,7 @@ const getMobileClass = computed(() => {
 const getContainerClass = computed(() => {
   return [
     'h-full',
-    // { 'pl-[260px]': !isMobile.value && !collapsed.value },
-    // { 'right-[0]': !isMobile.value && !collapsed.value },
+    { 'pl-[260px]': !isMobile.value && !collapsed.value },
   ]
 })
 </script>
@@ -47,7 +46,7 @@ const getContainerClass = computed(() => {
   <div class="h-full dark:bg-[#24272e] transition-all" :class="[isMobile ? 'p-0' : 'p-4']">
     <div class="h-full overflow-hidden" :class="getMobileClass">
       <NLayout class="z-40 transition" :class="getContainerClass" has-sider>
-        <!-- <Sider /> -->
+        <Sider />
         <NLayoutContent class="h-full">
           <RouterView v-slot="{ Component, route }">
             <component :is="Component" :key="route.fullPath" />