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-17 02:32:34 +01:00
parent 6a49448e0a
commit 4d5ce9bfd6
43 changed files with 1642 additions and 2022 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
apps/website/ui/UpcomingRaceItem.tsx
View File

@@ -24,30 +24,35 @@ export function UpcomingRaceItem({
return (
<Surface
variant="muted"
padding={3}
rounded="lg"
padding={4}
rounded="none"
border
borderColor="border-gray/30"
className="hover:border-primary-accent/30 transition-colors bg-panel-gray/20 group"
>
<Text color="text-white" weight="medium" block>
{track}
</Text>
<Text size="sm" color="text-gray-400" block>
{car}
</Text>
<Stack direction="row" align="center" gap={2} mt={1}>
<Text size="xs" color="text-gray-500">
{formattedDate}
</Text>
<Text size="xs" color="text-gray-500">
•
</Text>
<Text size="xs" color="text-gray-500">
{formattedTime}
</Text>
<Stack direction="row" align="center" gap={4}>
<Box w="1" h="8" bg="primary-accent" opacity={0.3} className="group-hover:opacity-100 transition-opacity" />
<Box flexGrow={1}>
<Text color="text-white" weight="bold" block className="tracking-tight">
{track}
</Text>
<Text size="xs" color="text-gray-500" block weight="medium" className="uppercase tracking-widest mt-0.5">
{car}
</Text>
</Box>
<Stack align="end" gap={1}>
<Text size="xs" color="text-gray-400" font="mono" weight="bold">
{formattedDate}
</Text>
<Text size="xs" color="text-gray-600" font="mono">
{formattedTime}
</Text>
</Stack>
</Stack>
{isMyLeague && (
<Box mt={1}>
<Badge variant="success">
Your League
<Box mt={3} display="flex" justifyContent="end">
<Badge variant="success" size="xs">
YOUR LEAGUE
</Badge>
</Box>
)}