style(admin): 调整侧边栏宽度和文本样式

- 将问题库侧边栏默认宽度从525px调整为535px
- 统一标签页和分类树中的文本字号大小
- 优化文件夹图标的显示尺寸
This commit is contained in:
2026-03-31 10:56:27 +08:00
parent a7cf35e6bf
commit 7b505ec4aa
3 changed files with 4 additions and 4 deletions

View File

@ -214,7 +214,7 @@ init()
<template #prefix> <template #prefix>
<SvgIcon :icon="tab.icon" :local-icon="tab.localIcon" class="inline-block align-text-bottom text-16px" /> <SvgIcon :icon="tab.icon" :local-icon="tab.localIcon" class="inline-block align-text-bottom text-16px" />
</template> </template>
<div class="max-w-240px ellipsis-text"> <div class="max-w-240px ellipsis-text text-14px">
{{ tab.label }} {{ tab.label }}
</div> </div>
</PageTab> </PageTab>

View File

@ -8,7 +8,7 @@ defineOptions({ name: 'QuestionStore' })
const currentCategory = ref<any>(null) const currentCategory = ref<any>(null)
// Resize logic // Resize logic
const siderWidth = ref(525) const siderWidth = ref(535)
const LOCAL_STORAGE_KEY = 'question-store-sider-width' const LOCAL_STORAGE_KEY = 'question-store-sider-width'
const minWidth = 300 const minWidth = 300
const maxWidth = 800 const maxWidth = 800

View File

@ -231,10 +231,10 @@ onMounted(() => {
> >
<div class="flex items-center gap-2 overflow-hidden"> <div class="flex items-center gap-2 overflow-hidden">
<SvgIcon <SvgIcon
icon="carbon:folder" class="flex-shrink-0 text-lg" icon="carbon:folder" class="flex-shrink-0 text-sm"
:class="selectedKey === item.Id ? 'text-primary' : 'text-gray-400'" :class="selectedKey === item.Id ? 'text-primary' : 'text-gray-400'"
/> />
<span class="truncate font-medium">{{ item.Name }} - {{ item.QuestionContent }}</span> <span class="truncate text-16px font-medium">{{ item.Name }} - {{ item.QuestionContent }}</span>
</div> </div>
<!-- Action Buttons --> <!-- Action Buttons -->