style(admin): 调整侧边栏宽度和文本样式
- 将问题库侧边栏默认宽度从525px调整为535px - 统一标签页和分类树中的文本字号大小 - 优化文件夹图标的显示尺寸
This commit is contained in:
@ -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>
|
||||||
|
|||||||
@ -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
|
||||||
|
|||||||
@ -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 -->
|
||||||
|
|||||||
Reference in New Issue
Block a user