fix: 侧栏收起时使用 visibility 隐藏避免闪烁

2026-06-22 14:43:04 +08:00
parent 36007babcb
commit 140a178993
1 changed files with 4 additions and 1 deletions
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -241,17 +241,20 @@ body {
  border-right: 1px solid var(--color-border);
  overflow: hidden;
  box-shadow: 8px 0 40px rgba(10, 10, 15, 0.4);
-  transition: transform 0.2s ease-out;
+  transition: transform 0.2s ease-out, visibility 0s linear 0.2s;
 }

 .sidebar--collapsed {
  transform: translateX(-100%);
  pointer-events: none;
+  visibility: hidden;
 }

 .sidebar--open {
  transform: translateX(0);
  pointer-events: auto;
+  visibility: visible;
+  transition: transform 0.2s ease-out, visibility 0s linear 0s;
 }

 .sidebar__header {