Commit
fix(drawer): Fix content layout height following vaul's recommended pattern
Commit details
Commit notes
- Change height from h-fit to h-full mt-24 max-h-[96%] for proper constrained height that allows flex layout to work - Add flex-shrink-0 to drag handle and header to prevent compression - Add min-h-0 to content area for proper flex shrinking with overflow - Add mt-auto to footer for proper bottom positioning - Add aria-hidden to decorative drag handle
The issue was that h-fit made the drawer only as tall as its content, which broke the flex-1 on the scrollable content area. With a constrained height, the flex layout now properly distributes space and the footer stays visible while content scrolls.
Co-authored-by: armin.naimi <[email redacted]>
- Files changed
- 1
- Lines added
- +18
- Lines removed
- −13