fix(sidebar): smooth collapse transitions
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user