Add smooth animations across WebUI for modern feel

- Tab panels: fade-in with subtle translateY on switch
- Cards: hover lift (translateY -2px), staggered entrance animation
- Modals: spring-curve entrance with backdrop blur
- Buttons: press feedback (scale down on :active)
- Toggle switches: spring overshoot on knob transition
- Toast: smooth bounce-in replaces jarring shake
- Sections: animated height collapse/expand with chevron rotation
- Command palette: slide-down entrance animation
- Theme switch: smooth color transitions on key elements
- Dashboard: section collapse animation, target row hover
- Respects prefers-reduced-motion globally

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-02-27 00:03:47 +03:00
parent d33d70cfe8
commit 88abd31c1c
10 changed files with 193 additions and 37 deletions

View File

@@ -23,6 +23,7 @@
color: var(--text-secondary);
width: 10px;
display: inline-block;
transition: transform 0.2s ease;
}
.dashboard-section-count {
@@ -80,6 +81,11 @@
border: 1px solid var(--border-color);
border-radius: 6px;
margin-bottom: 4px;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.dashboard-target:hover {
box-shadow: 0 2px 8px var(--shadow-color);
}
.dashboard-target-info {