jackmechem/server-dash
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

bar graph fix

Browse source
This commit is contained in:
Jack Mechem 2026-05-22 15:10:54 -07:00
parent 43318fb8cd
commit 8c3d749197
15 changed files with 973 additions and 401 deletions
Download patch file Download diff file Expand all files Collapse all files

71
app/components/windows/WindowPane.tsx
View file

@ -6,6 +6,7 @@ import { LeafNode, PanelId, PANEL_LABELS, PANEL_SECTIONS } from "./types";
import {
IconX, IconLayoutColumns, IconLayoutRows, IconRefresh,
} from "@tabler/icons-react";
import HelpTooltip from "../HelpTooltip";
const DashboardPanel = lazy(() => import("../panels/DashboardPanel"));
const AnalyticsPanel = lazy(() => import("../panels/AnalyticsPanel"));
@ -189,38 +190,46 @@ function WindowControls({
onMouseLeave={() => setPillHovered(false)}
>
{canClose && (
<button
onClick={(e) => { e.stopPropagation(); onClose(paneId); }}
className={`${BTN} hover:text-red-400 hover:bg-red-500/10`}
title="Close"
>
<IconX size={13} />
</button>
<HelpTooltip text="Close this panel pane.">
<button
onClick={(e) => { e.stopPropagation(); onClose(paneId); }}
className={`${BTN} hover:text-red-400 hover:bg-red-500/10`}
title="Close"
>
<IconX size={13} />
</button>
</HelpTooltip>
)}
<button
ref={changeRef}
onClick={(e) => { e.stopPropagation(); setMenu(m => m === "change" ? null : "change"); }}
className={`${BTN} ${menu === "change" ? "text-blue bg-blue/10" : "hover:bg-secondary/60"}`}
title="Change view"
>
<IconRefresh size={13} />
</button>
<button
ref={rightRef}
onClick={(e) => { e.stopPropagation(); setMenu(m => m === "right" ? null : "right"); }}
className={`${BTN} ${menu === "right" ? "text-blue bg-blue/10" : "hover:bg-secondary/60"}`}
title="Tile right"
>
<IconLayoutColumns size={13} />
</button>
<button
ref={downRef}
onClick={(e) => { e.stopPropagation(); setMenu(m => m === "down" ? null : "down"); }}
className={`${BTN} ${menu === "down" ? "text-blue bg-blue/10" : "hover:bg-secondary/60"}`}
title="Tile down"
>
<IconLayoutRows size={13} />
</button>
<HelpTooltip text="Change what this pane displays — pick a different analytics view.">
<button
ref={changeRef}
onClick={(e) => { e.stopPropagation(); setMenu(m => m === "change" ? null : "change"); }}
className={`${BTN} ${menu === "change" ? "text-blue bg-blue/10" : "hover:bg-secondary/60"}`}
title="Change view"
>
<IconRefresh size={13} />
</button>
</HelpTooltip>
<HelpTooltip text="Split this pane and open a new panel to the right.">
<button
ref={rightRef}
onClick={(e) => { e.stopPropagation(); setMenu(m => m === "right" ? null : "right"); }}
className={`${BTN} ${menu === "right" ? "text-blue bg-blue/10" : "hover:bg-secondary/60"}`}
title="Tile right"
>
<IconLayoutColumns size={13} />
</button>
</HelpTooltip>
<HelpTooltip text="Split this pane and open a new panel below.">
<button
ref={downRef}
onClick={(e) => { e.stopPropagation(); setMenu(m => m === "down" ? null : "down"); }}
className={`${BTN} ${menu === "down" ? "text-blue bg-blue/10" : "hover:bg-secondary/60"}`}
title="Tile down"
>
<IconLayoutRows size={13} />
</button>
</HelpTooltip>
</div>
{menu && (