diff --git a/ui/desktop/src/components/Layout/CondensedNavigation.tsx b/ui/desktop/src/components/Layout/CondensedNavigation.tsx index 5bfc2797a1..16a9a99766 100644 --- a/ui/desktop/src/components/Layout/CondensedNavigation.tsx +++ b/ui/desktop/src/components/Layout/CondensedNavigation.tsx @@ -574,7 +574,7 @@ export const CondensedNavigation: React.FC = ({ stiffness: 400, damping: 25, }} - className={`${isOverlayMode ? 'p-4 bg-transparent rounded-2xl' : ''} ${ + className={`${isOverlayMode ? '' : ''} ${ !isOverlayMode && isVertical ? position === 'right' ? 'h-full pl-0.5' @@ -583,11 +583,15 @@ export const CondensedNavigation: React.FC = ({ ? 'pr-0.5 pb-0.5' : !isOverlayMode ? 'pr-0.5' : '' }`} - style={{ width: isVertical || isOverlayMode ? (isOverlayMode ? '600px' : '240px') : undefined, height: isOverlayMode ? '500px' : undefined }} > {isOverlayMode ? ( - // Overlay Mode: Two-column layout with navigation rows on left, widget tiles on right -
+ // Overlay Mode: Windows Start Menu style container +
+ {/* Two-column layout with navigation rows on left, widget tiles on right */} +
{/* Left Column: Navigation Rows */}
{navItems.filter(item => !item.isWidget).map((item, index) => { @@ -732,6 +736,7 @@ export const CondensedNavigation: React.FC = ({ })}
+
) : ( // Push Mode: Original single-column layout