feat: add transitions and micro-interactions across all views

- Page transitions with slide-up/fade on route changes (App.vue)
- NavRail sliding active indicator with spring-like easing
- List enter/leave/move animations on Entries, Projects, Clients, Timer
- Modal enter/leave transitions with scale+fade on all dialogs
- Dropdown transitions with overshoot on all select/picker components
- Button feedback (scale on hover/active), card hover lift effects
- Timer pulse on start, glow on stop, floating empty state icons
- Content fade-in on Dashboard, Reports, Calendar, Timesheet
- Tag chip enter/leave animations in AppTagInput
- Progress bar smooth width transitions
- Implementation plan document
This commit is contained in:
Your Name
2026-02-18 11:33:58 +02:00
parent c66e71f57d
commit a3a6ab2fdf
16 changed files with 2115 additions and 144 deletions

View File

@@ -35,7 +35,8 @@
</div>
<!-- Timesheet Table -->
<div class="bg-bg-surface rounded-lg overflow-hidden">
<Transition name="fade" mode="out-in">
<div :key="weekStart" class="bg-bg-surface rounded-lg overflow-hidden">
<table class="w-full">
<thead>
<tr class="border-b border-border-subtle">
@@ -156,6 +157,7 @@
</tfoot>
</table>
</div>
</Transition>
<!-- Add Row Button -->
<button