feat: 优化
This commit is contained in:
@@ -109,24 +109,26 @@ function isActive(item) {
|
||||
</Sidebar>
|
||||
</template>
|
||||
|
||||
<style scoped>
|
||||
<style scoped lang="less">
|
||||
:deep(.is-active) {
|
||||
background: linear-gradient(135deg, oklch(0.45 0.16 254.604 / 0.1) 0%, oklch(0.45 0.16 254.604 / 0.05) 100%);
|
||||
color: oklch(0.45 0.16 254.604);
|
||||
background-color: oklch(from var(--sidebar-primary) l c h / 0.1);
|
||||
color: var(--sidebar-primary);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
:deep(.is-active:hover) {
|
||||
background: linear-gradient(135deg, oklch(0.45 0.16 254.604 / 0.15) 0%, oklch(0.45 0.16 254.604 / 0.08) 100%);
|
||||
&:hover {
|
||||
background-color: oklch(from var(--sidebar-primary) l c h / 0.15);
|
||||
}
|
||||
}
|
||||
|
||||
:deep(.sidebar-group-label) {
|
||||
font-size: 11px;
|
||||
letter-spacing: 0.05em;
|
||||
font-size: 0.75rem;
|
||||
letter-spacing: 0.025em;
|
||||
text-transform: uppercase;
|
||||
color: var(--muted-foreground);
|
||||
}
|
||||
|
||||
:deep(.nav-item) {
|
||||
cursor: pointer;
|
||||
transition: all 0.2s ease;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user