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

18
apps/website/components/auth/AuthShell.tsx
View File

@@ -1,7 +1,7 @@
'use client';
import React from 'react';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
interface AuthShellProps {
children: React.ReactNode;
@@ -15,9 +15,9 @@ interface AuthShellProps {
*/
export function AuthShell({ children }: AuthShellProps) {
return (
<Box as="main" minHeight="100vh" display="flex" alignItems="center" justifyContent="center" p={4} bg="base-black" position="relative" overflow="hidden">
<Stack as="main" minHeight="screen" align="center" justify="center" p={4} bg="base-black" position="relative" overflow="hidden">
{/* Subtle background glow - top right */}
<Box
<Stack
position="absolute"
top="-10%"
right="-10%"
@@ -28,9 +28,9 @@ export function AuthShell({ children }: AuthShellProps) {
blur="xl"
pointerEvents="none"
aria-hidden="true"
/>
>{null}</Stack>
{/* Subtle background glow - bottom left */}
<Box
<Stack
position="absolute"
bottom="-10%"
left="-10%"
@@ -41,11 +41,11 @@ export function AuthShell({ children }: AuthShellProps) {
blur="xl"
pointerEvents="none"
aria-hidden="true"
/>
>{null}</Stack>
<Box w="full" maxWidth="400px" position="relative" zIndex={10} animate="fade-in">
<Stack w="full" maxWidth="400px" position="relative" zIndex={10} {...({ animate: "fade-in" } as any)}>
{children}
</Box>
</Box>
</Stack>
</Stack>
);
}