style(admin): 调整侧边栏宽度和文本样式
- 将问题库侧边栏默认宽度从525px调整为535px - 统一标签页和分类树中的文本字号大小 - 优化文件夹图标的显示尺寸
This commit is contained in:
@ -214,7 +214,7 @@ init()
|
||||
<template #prefix>
|
||||
<SvgIcon :icon="tab.icon" :local-icon="tab.localIcon" class="inline-block align-text-bottom text-16px" />
|
||||
</template>
|
||||
<div class="max-w-240px ellipsis-text">
|
||||
<div class="max-w-240px ellipsis-text text-14px">
|
||||
{{ tab.label }}
|
||||
</div>
|
||||
</PageTab>
|
||||
|
||||
@ -8,7 +8,7 @@ defineOptions({ name: 'QuestionStore' })
|
||||
const currentCategory = ref<any>(null)
|
||||
|
||||
// Resize logic
|
||||
const siderWidth = ref(525)
|
||||
const siderWidth = ref(535)
|
||||
const LOCAL_STORAGE_KEY = 'question-store-sider-width'
|
||||
const minWidth = 300
|
||||
const maxWidth = 800
|
||||
|
||||
@ -231,10 +231,10 @@ onMounted(() => {
|
||||
>
|
||||
<div class="flex items-center gap-2 overflow-hidden">
|
||||
<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'"
|
||||
/>
|
||||
<span class="truncate font-medium">{{ item.Name }} - {{ item.QuestionContent }}</span>
|
||||
<span class="truncate text-16px font-medium">{{ item.Name }} - {{ item.QuestionContent }}</span>
|
||||
</div>
|
||||
|
||||
<!-- Action Buttons -->
|
||||
|
||||
Reference in New Issue
Block a user