Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-07-25 17:34:52 +10:00
Code Issues Packages Projects Releases Wiki Activity

feat: polish micro-interactions with consistent motion system across the app

Browse Source 
- add strong easing tokens (--ease-out-strong, --ease-in-out-strong, --ease-drawer)
- restore menu open/close animations (dropdown, context menu, combobox) using
  interruptible transitions via Base UI starting/ending styles
- dialogs: 200ms enter / 150ms exit; command palette opts out (keyboard-initiated)
- tooltips: 400ms initial delay with instant adjacent hovers via provider grouping
- buttons: scale press feedback, specific transition properties instead of transition-all
- tabs: sliding active-tab indicator via Base UI Tabs.Indicator
- sheet: iOS drawer curve with asymmetric enter/exit timing
- animate form validation messages and auth page entrance
- remove dead radix-idiom accordion classes in builder sidebars
This commit is contained in:
Amruth Pillai
2026-07-03 21:48:11 +02:00
parent 617135466d
commit 578a983209
23 changed files with 56 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/ui/src/styles/globals.css
+5
View File
@@ -85,6 +85,11 @@
@theme inline {
--font-sans: var(--font-body);
/* Strong easing curves — built-in CSS easings are too weak for UI motion. */
--ease-out-strong: cubic-bezier(0.23, 1, 0.32, 1);
--ease-in-out-strong: cubic-bezier(0.77, 0, 0.175, 1);
--ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
--color-background: var(--background);
--color-foreground: var(--foreground);
--color-card: var(--card);