mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-18 22:55:55 +01:00
parent b43a23a48c
commit aeaa43f4d3
179 changed files with 4736 additions and 6832 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
apps/website/components/dashboard/DashboardShell.tsx
View File

@@ -1,4 +1,7 @@
import { Stack } from '@/ui/primitives/Stack';
import { Sidebar } from '@/ui/Sidebar';
import { Header } from '@/ui/Header';
import { MainContent } from '@/ui/MainContent';
import { Box } from '@/ui/primitives/Box';
import React from 'react';
interface DashboardShellProps {
@@ -12,28 +15,25 @@ interface DashboardShellProps {
*
* The primary layout container for the Telemetry Workspace.
* Orchestrates the sidebar rail, top control bar, and main content area.
* Uses UI primitives to comply with architectural constraints.
*/
export function DashboardShell({ children, rail, controlBar }: DashboardShellProps) {
return (
<Stack direction="row" h="screen" overflow="hidden" bg="base-black" color="white">
<Box display="flex" height="100vh" style={{ overflow: 'hidden', backgroundColor: 'var(--ui-color-bg-base)' }}>
{rail && (
<Stack as="aside" w="16" flexShrink={0} borderRight bg="surface-charcoal" borderColor="var(--color-outline)">
<Sidebar>
{rail}
</Stack>
</Sidebar>
)}
<Stack flexGrow={1} overflow="hidden">
<Box display="flex" flexDirection="col" flex={1} style={{ overflow: 'hidden' }}>
{controlBar && (
<Stack as="header" h="14" borderBottom bg="surface-charcoal" borderColor="var(--color-outline)">
<Header>
{controlBar}
</Stack>
</Header>
)}
<Stack as="main" flexGrow={1} overflow="auto" p={6}>
<Stack maxWidth="7xl" mx="auto" gap={6} fullWidth>
{children}
</Stack>
</Stack>
</Stack>
</Stack>
<MainContent maxWidth="7xl">
{children}
</MainContent>
</Box>
</Box>
);
}