Commit
Fix drawer opening animation by adding complete vaul-svelte CSS
Commit details
Commit notes
The Drawer component wasn't animating up on open because the critical CSS styles from vaul-svelte's :global() declarations weren't being properly applied with Svelte 5 and Tailwind CSS v4.
Added the complete set of drawer animation styles to app.css: - Initial off-screen transform positions for all drawer directions - Visible state transforms that animate the drawer into view - Overlay fade-in animation from opacity 0 to 1 - Pseudo-element background extensions for seamless visuals - Drag state handling to disable transitions during interaction - Snap points overlay handling - User selection prevention on hover devices - Reduced motion support for accessibility
Co-authored-by: armin.naimi <[email redacted]>
- Files changed
- 1
- Lines added
- +125
- Lines removed
- −3