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:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user