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 16:18:18 +01:00
parent 0b301feb61
commit 13567d51af
329 changed files with 4701 additions and 4750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

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