mirror of
https://github.com/block/goose.git
synced 2026-07-17 12:56:20 +02:00
fix: properly enable scrolling in vertical push mode by removing h-full from grid
- Remove h-full from vertical push mode grid to allow natural height growth - Change from grid-cols-1 to grid-cols-2 for consistent 2-column layout - Grid can now overflow its parent container and scroll properly - Parent container with h-full overflow-hidden provides scrollable area
This commit is contained in:
@@ -501,7 +501,7 @@ export const TopNavigation: React.FC<TopNavigationProps> = ({ isExpanded, setIsE
|
||||
? 'grid grid-cols-2 md:grid-cols-5 gap-[2px] w-full max-w-7xl mx-auto px-4 sm:px-6 md:px-8 auto-rows-fr'
|
||||
: isPushModeHorizontal
|
||||
? 'grid grid-cols-2 md:grid-cols-5 gap-[2px] w-full h-full px-1' // 2 cols mobile, 5 cols standard, single row on massive screens
|
||||
: 'grid grid-cols-1 gap-[2px] h-full overflow-y-auto'; // Vertical push mode only
|
||||
: 'grid grid-cols-2 gap-[2px] overflow-y-auto'; // Vertical push mode - 2 columns, scrollable
|
||||
|
||||
const containerClasses = isOverlayMode || isHorizontalOverlay
|
||||
? 'w-full h-full flex items-center justify-center overflow-hidden' // Centered for overlay mode or horizontal blade overlay
|
||||
|
||||
Reference in New Issue
Block a user