销售名片

src/components/Sidebar.vue

@@ -1,5 +1,5 @@
 <template>
-    <aside class="w-[200px] h-full bg-gradient-to-b from-white to-gray-50 border-r border-gray-200 flex flex-col shadow-sm">
+    <aside :style="{ width: sidebarWidth + 'px', minWidth: '96px', maxWidth: '400px' }" class="h-full bg-gradient-to-b from-white to-gray-50 border-r border-gray-200 flex flex-col shadow-sm flex-shrink-0">
         <!-- 返回和停止按钮 -->
         <div class="m-3 mb-0 flex gap-2">
             <button @click="onGoBack"
@@ -154,7 +154,8 @@ const props = defineProps({
         type: Object,
         default: () => ({ greetingCount: 0, inviteCount: 0 })
     },
-    automationLogs: { type: Array, default: () => [] }
+    automationLogs: { type: Array, default: () => [] },
+    sidebarWidth: { type: Number, default: 144 }
 })
 
 const emit = defineEmits(['tabSwitch', 'goBack', 'stopAll'])