fix(ui): refine glassmorphism and page transition animations

- Added custom light/dark background images to replace unsplash URLs.
- Enhanced active sidebar item shadow and backdrop blur for better visibility.
- Fixed double loading flickers on user, node, group, and panel-sharing pages.
- Removed opacity transitions from AnimatedPage to prevent backdrop-filter rendering issues during page navigation.
This commit is contained in:
sagitchu
2026-04-06 12:26:29 +08:00
parent 74ed74ba00
commit b42516cea1
10 changed files with 26 additions and 30 deletions
+3 -3
View File
@@ -241,16 +241,16 @@ body {
bottom: 0;
z-index: -1;
pointer-events: none;
background: url('https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop') no-repeat center center;
background: url('/images/bg-light.jpg') no-repeat center center;
background-size: cover;
}
:root.dark .bg-mesh-gradient {
.dark .bg-mesh-gradient {
background-color: #0b1020;
}
.dark .bg-mesh-gradient::before {
background: url('https://images.unsplash.com/photo-1557682250-33bd709cbe85?q=80&w=2564&auto=format&fit=crop') no-repeat center center;
background: url('/images/bg-dark.jpg') no-repeat center center;
background-size: cover;
}