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-19 18:01:30 +01:00
parent 6154d54435
commit 61b5cf3b64
120 changed files with 2226 additions and 2021 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
apps/website/components/onboarding/OnboardingShell.tsx
View File

@@ -1,5 +1,6 @@
import { Container } from '@/ui/Container';
import { Stack } from '@/ui/Stack';
import { Box } from '@/ui/Box';
interface OnboardingShellProps {
children: React.ReactNode;
@@ -16,40 +17,40 @@ interface OnboardingShellProps {
*/
export function OnboardingShell({ children, header, footer, sidebar }: OnboardingShellProps) {
return (
<Stack minHeight="screen" bg="bg-near-black" color="text-white">
<Box minHeight="100vh" bg="rgba(10,10,10,1)" color="white">
{header && (
<Stack borderBottom borderColor="border-charcoal-outline" py={4} bg="bg-deep-charcoal">
<Box borderBottom borderColor="rgba(255,255,255,0.1)" py={4} bg="rgba(20,22,25,1)">
<Container size="md">
{header}
</Container>
</Stack>
</Box>
)}
<Stack flex={1} py={12}>
<Box flexGrow={1} py={12}>
<Container size="md">
<Stack direction="row" gap={12}>
<Stack flex={1}>
<Box flexGrow={1}>
<Stack gap={8}>
{children}
</Stack>
</Stack>
</Box>
{sidebar && (
<Stack w="80" display={{ base: 'none', lg: 'block' }}>
<Box w="80" display={{ base: 'none', lg: 'block' }}>
{sidebar}
</Stack>
</Box>
)}
</Stack>
</Container>
</Stack>
</Box>
{footer && (
<Stack borderTop borderColor="border-charcoal-outline" py={6} bg="bg-deep-charcoal">
<Box borderTop borderColor="rgba(255,255,255,0.1)" py={6} bg="rgba(20,22,25,1)">
<Container size="md">
{footer}
</Container>
</Stack>
</Box>
)}
</Stack>
</Box>
);
}