优化主题切换器和用户通知组件样式,添加文件大小显示,调整布局和样式变量

This commit is contained in:
jxxghp
2025-04-08 13:32:36 +08:00
parent 34a33f87b2
commit 6e1503334e
7 changed files with 87 additions and 65 deletions

View File

@@ -196,9 +196,9 @@ onMounted(() => {
</IconBtn>
</template>
<VList elevation="0" class="theme-switcher-list">
<div class="theme-switcher-header py-1 mb-2">
<VCardItem class="theme-switcher-header">
<VCardTitle class="font-weight-medium text-primary">主题选择</VCardTitle>
</div>
</VCardItem>
<div class="theme-switcher-options px-2">
<VListItem
@@ -258,7 +258,10 @@ onMounted(() => {
<style lang="scss">
.theme-switcher-header {
border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.05);
background: linear-gradient(to right, rgba(var(--v-theme-primary), 0.04), rgba(var(--v-theme-primary), 0.01));
border-block-end: 1px solid rgba(var(--v-theme-on-surface), 0.08);
padding-block: 12px;
padding-inline: 16px;
}
.theme-switcher-options {