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-20 22:31:14 +01:00
parent 51288234f4
commit 7cbec00474
52 changed files with 577 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/website/components/leagues/LeagueListItem.tsx
View File

@@ -28,7 +28,7 @@ export function LeagueListItem({ league, isAdmin }: LeagueListItemProps) {
league.membershipRole && (
<Text size="xs" variant="low">
Your role:{' '}
<Text as="span" variant="med" style={{ textTransform: 'capitalize' }}>{league.membershipRole}</Text>
<Text as="span" variant="med" transform="capitalize">{league.membershipRole}</Text>
</Text>
)
}

17
apps/website/components/leagues/LeagueSummaryCard.tsx
View File

@@ -27,21 +27,22 @@ export function LeagueSummaryCard({
href,
}: LeagueSummaryCardProps) {
return (
<Card p={0} style={{ overflow: 'hidden' }}>
<Card p={0} overflow="hidden">
<Stack p={4}>
<Stack direction="row" align="center" gap={4} mb={4}>
<LeagueLogo leagueId={id} alt={name} size={56} />
<Stack style={{ flex: 1, minWidth: 0 }}>
<Stack flex={1} minWidth="0">
<Text
size="xs"
color="text-gray-500"
style={{ textTransform: 'uppercase', letterSpacing: '0.05em' }}
transform="uppercase"
letterSpacing="0.05em"
block
mb={0.5}
>
League
</Text>
<Heading level={3} style={{ fontSize: '1rem' }}>
<Heading level={3} fontSize="1rem">
{name}
</Heading>
</Stack>
@@ -54,7 +55,7 @@ export function LeagueSummaryCard({
block
mb={4}
lineClamp={2}
style={{ height: '2.5rem' }}
height="2.5rem"
>
{description}
</Text>
@@ -62,7 +63,7 @@ export function LeagueSummaryCard({
<Stack mb={4}>
<Grid cols={2} gap={3}>
<Card variant="outline" rounded="lg" p={3} className="bg-graphite-black">
<Card variant="outline" rounded="lg" p={3} bg="bg-graphite-black">
<Text size="xs" color="text-gray-500" block mb={1}>
Max Drivers
</Text>
@@ -70,14 +71,14 @@ export function LeagueSummaryCard({
{maxDrivers}
</Text>
</Card>
<Card variant="outline" rounded="lg" p={3} className="bg-graphite-black">
<Card variant="outline" rounded="lg" p={3} bg="bg-graphite-black">
<Text size="xs" color="text-gray-500" block mb={1}>
Format
</Text>
<Text
weight="medium"
color="text-white"
style={{ textTransform: 'capitalize' }}
transform="capitalize"
>
{qualifyingFormat}
</Text>