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

13
apps/website/components/leagues/StandingsTableShell.tsx
View File

@@ -1,7 +1,6 @@
'use client';
import React from 'react';
import { Box } from '@/ui/Box';
import { Stack } from '@/ui/Stack';
import { Text } from '@/ui/Text';
import { Surface } from '@/ui/Surface';
@@ -26,7 +25,7 @@ interface StandingsTableShellProps {
export function StandingsTableShell({ standings, title = 'Championship Standings' }: StandingsTableShellProps) {
return (
<Surface variant="dark" border rounded="lg" overflow="hidden">
<Box px={6} py={4} borderBottom borderColor="border-charcoal-outline" bg="bg-iron-gray/20">
<Stack px={6} py={4} borderBottom borderColor="border-charcoal-outline" bg="bg-iron-gray/20">
<Stack direction="row" align="center" justify="between">
<Stack direction="row" align="center" gap={2}>
<Icon icon={Trophy} size={4} color="text-warning-amber" />
@@ -34,11 +33,11 @@ export function StandingsTableShell({ standings, title = 'Championship Standings
{title.toUpperCase()}
</Text>
</Stack>
<Box px={2} py={0.5} rounded="md" bg="bg-charcoal-outline/50">
<Stack px={2} py={0.5} rounded="md" bg="bg-charcoal-outline/50">
<Text size="xs" color="text-gray-400" weight="medium">{standings.length} Drivers</Text>
</Box>
</Stack>
</Stack>
</Box>
</Stack>
<Table>
<TableHead>
@@ -100,7 +99,7 @@ function PositionBadge({ position }: { position: number }) {
};
return (
<Box
<Stack
center
w={8}
h={8}
@@ -113,6 +112,6 @@ function PositionBadge({ position }: { position: number }) {
<Text size="sm" weight="bold">
{position}
</Text>
</Box>
</Stack>
);
}