diff --git a/frontend/src/App.css b/frontend/src/App.css index 3e41db8..19b3829 100644 --- a/frontend/src/App.css +++ b/frontend/src/App.css @@ -331,6 +331,10 @@ body { height: 100%; } +.grid-ops.grid-ops-forced { + grid-template-columns: minmax(0, 1fr) 360px; +} + .grid-ops.grid-ops-compact { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); @@ -1150,6 +1154,10 @@ body { grid-template-columns: 280px 1fr 320px; } + .grid-ops.grid-ops-forced { + grid-template-columns: minmax(0, 1fr) 320px; + } + .grid-ops.grid-ops-compact { grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); } diff --git a/frontend/src/modules/dashboard/BotDashboardModule.tsx b/frontend/src/modules/dashboard/BotDashboardModule.tsx index 0ceaa64..6a7dd34 100644 --- a/frontend/src/modules/dashboard/BotDashboardModule.tsx +++ b/frontend/src/modules/dashboard/BotDashboardModule.tsx @@ -1412,6 +1412,7 @@ export function BotDashboardModule({ const compactListFirstMode = compactMode && !hasForcedBot; const isCompactListPage = compactListFirstMode && !selectedBotId; const showCompactBotPageClose = compactListFirstMode && Boolean(selectedBotId); + const showBotListPanel = !hasForcedBot && (!compactMode || isCompactListPage); const normalizedBotListQuery = botListQuery.trim().toLowerCase(); const filteredBots = useMemo(() => { if (!normalizedBotListQuery) return bots; @@ -4634,8 +4635,8 @@ export function BotDashboardModule({ return ( <> -
- {!compactMode || isCompactListPage ? ( +
+ {showBotListPanel ? (