fix(sidebar): smooth collapse transitions

This commit is contained in:
qingyuzhang
2026-04-10 05:16:20 +08:00
parent 00c08c574e
commit 07d2add674
2 changed files with 138 additions and 40 deletions

View File

@@ -529,12 +529,17 @@
@apply border-r border-gray-200 dark:border-dark-800;
@apply flex flex-col;
@apply transition-transform duration-300;
transition-property: width, transform;
}
.sidebar-header {
@apply h-16 px-6;
@apply flex items-center gap-3;
@apply overflow-hidden;
@apply border-b border-gray-100 dark:border-dark-800;
transition:
padding 0.2s ease,
gap 0.2s ease;
}
.sidebar-nav {
@@ -542,12 +547,15 @@
}
.sidebar-link {
@apply flex items-center gap-3 rounded-xl px-3 py-2.5;
@apply flex items-center gap-3 rounded-xl py-2.5;
@apply overflow-hidden;
@apply text-sm font-medium;
@apply text-gray-600 dark:text-dark-300;
@apply transition-all duration-200;
@apply hover:bg-gray-100 dark:hover:bg-dark-800;
@apply hover:text-gray-900 dark:hover:text-white;
padding-left: 1.0625rem;
padding-right: 0.875rem;
}
.sidebar-link-active {