style: 恢复标签页分隔线并统一工具栏与图标按钮

2026-09-02 09:37:45 +08:00
parent 370e7bb4a6
commit 2ddd9b8009
11 changed files with 203 additions and 33 deletions
@@ -122,7 +122,7 @@ const menuOptions = computed<MenuOption[]>(() => [
                                quaternary
                                block
                                class="admin-settings-button"
-                                :class="{ 'is-collapsed': collapsed }"
+                                :class="{ 'is-collapsed': collapsed, 'icon-button': collapsed }"
                                aria-label="后端连接"
                                @click="settingsOpen = true"
                            >
@@ -139,11 +139,14 @@ const menuOptions = computed<MenuOption[]>(() => [
                    <div class="flex min-w-0 items-center gap-3">
                        <NButton
                            quaternary
-                            circle
+                            class="icon-button"
                            :aria-label="collapsed ? '展开侧栏' : '折叠侧栏'"
+                            :title="collapsed ? '展开侧栏' : '折叠侧栏'"
                            @click="collapsed = !collapsed"
                        >
-                            <PanelLeftOpen v-if="collapsed" :size="18" /><PanelLeftClose v-else :size="18" />
+                            <template #icon
+                                ><PanelLeftOpen v-if="collapsed" :size="18" /><PanelLeftClose v-else :size="18"
+                            /></template>
                        </NButton>
                        <span class="truncate text-sm">{{ route.meta.title || '工作空间' }}</span>
                    </div>