fix: 优化侧栏弹出延迟问题 #199
@@ -220,7 +220,7 @@ body {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transition: opacity 0.3s var(--transition-smooth);
|
transition: opacity 0.15s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-backdrop--visible {
|
.sidebar-backdrop--visible {
|
||||||
@@ -241,7 +241,7 @@ body {
|
|||||||
border-right: 1px solid var(--color-border);
|
border-right: 1px solid var(--color-border);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
box-shadow: 8px 0 40px rgba(10, 10, 15, 0.4);
|
box-shadow: 8px 0 40px rgba(10, 10, 15, 0.4);
|
||||||
transition: transform 0.3s var(--transition-smooth);
|
transition: transform 0.2s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar--collapsed {
|
.sidebar--collapsed {
|
||||||
@@ -1089,7 +1089,7 @@ body {
|
|||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
transition: opacity 0.25s var(--transition-smooth);
|
transition: opacity 0.15s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer-overlay--visible {
|
.drawer-overlay--visible {
|
||||||
@@ -1108,7 +1108,7 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
box-shadow: -8px 0 40px rgba(10, 10, 15, 0.5);
|
box-shadow: -8px 0 40px rgba(10, 10, 15, 0.5);
|
||||||
transition: transform 0.35s var(--transition-smooth);
|
transition: transform 0.2s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer--collapsed {
|
.drawer--collapsed {
|
||||||
|
|||||||
Reference in New Issue
Block a user