mula
/
dashboard-nanobot
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

v0.1.4-p2

main
mula.liu 2026-03-14 16:07:34 +08:00
parent af58532752
commit 34f8a49bba
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/App.css
View File

@ -331,6 +331,10 @@ body {
height: 100%; height: 100%;
} }
.grid-ops.grid-ops-forced {
grid-template-columns: minmax(0, 1fr) 360px;
}
.grid-ops.grid-ops-compact { .grid-ops.grid-ops-compact {
grid-template-columns: minmax(0, 1fr); grid-template-columns: minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr);
@ -1150,6 +1154,10 @@ body {
grid-template-columns: 280px 1fr 320px; grid-template-columns: 280px 1fr 320px;
} }
.grid-ops.grid-ops-forced {
grid-template-columns: minmax(0, 1fr) 320px;
}
.grid-ops.grid-ops-compact { .grid-ops.grid-ops-compact {
grid-template-columns: minmax(0, 1fr) minmax(260px, 360px); grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
} }

5
frontend/src/modules/dashboard/BotDashboardModule.tsx
View File

@ -1412,6 +1412,7 @@ export function BotDashboardModule({
const compactListFirstMode = compactMode && !hasForcedBot; const compactListFirstMode = compactMode && !hasForcedBot;
const isCompactListPage = compactListFirstMode && !selectedBotId; const isCompactListPage = compactListFirstMode && !selectedBotId;
const showCompactBotPageClose = compactListFirstMode && Boolean(selectedBotId); const showCompactBotPageClose = compactListFirstMode && Boolean(selectedBotId);
const showBotListPanel = !hasForcedBot && (!compactMode || isCompactListPage);
const normalizedBotListQuery = botListQuery.trim().toLowerCase(); const normalizedBotListQuery = botListQuery.trim().toLowerCase();
const filteredBots = useMemo(() => { const filteredBots = useMemo(() => {
if (!normalizedBotListQuery) return bots; if (!normalizedBotListQuery) return bots;
@ -4634,8 +4635,8 @@ export function BotDashboardModule({
return ( return (
<> <>
<div className={`grid-ops ${compactMode ? 'grid-ops-compact' : ''}`}> <div className={`grid-ops ${compactMode ? 'grid-ops-compact' : ''} ${hasForcedBot && !compactMode ? 'grid-ops-forced' : ''}`}>
{!compactMode || isCompactListPage ? ( {showBotListPanel ? (
<section className="panel stack ops-bot-list"> <section className="panel stack ops-bot-list">
<div className="row-between"> <div className="row-between">
<h2 style={{ fontSize: 18 }}> <h2 style={{ fontSize: 18 }}>