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

27
apps/website/components/leagues/LeagueRulesPanel.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 { Heading } from '@/ui/Heading';
@@ -19,10 +18,10 @@ interface LeagueRulesPanelProps {
export function LeagueRulesPanel({ rules }: LeagueRulesPanelProps) {
return (
<Box as="section">
<Stack as="section">
<Stack gap={8}>
<Box display="flex" alignItems="start" gap={4} p={4} bg="blue-500/5" border borderColor="blue-500/20">
<Box color="text-blue-500" mt={0.5}><Info size={20} /></Box>
<Stack display="flex" alignItems="start" gap={4} p={4} bg="blue-500/5" border borderColor="blue-500/20">
<Stack color="text-blue-500" mt={0.5}><Info size={20} /></Stack>
<Stack gap={1}>
<Text size="sm" weight="bold" color="text-blue-500" uppercase letterSpacing="0.05em">Code of Conduct</Text>
<Text size="sm" color="text-zinc-400" leading="relaxed">
@@ -30,24 +29,24 @@ export function LeagueRulesPanel({ rules }: LeagueRulesPanelProps) {
Intentional wrecking or abusive behavior will result in immediate disqualification.
</Text>
</Stack>
</Box>
</Stack>
<Box display="grid" responsiveGridCols={{ base: 1, md: 2 }} gap={6}>
<Stack display="grid" responsiveGridCols={{ base: 1, md: 2 }} gap={6}>
{rules.map((rule) => (
<Box as="article" key={rule.id} display="flex" flexDirection="col" gap={3} p={6} border borderColor="zinc-800" bg="zinc-900/30">
<Box display="flex" alignItems="center" gap={3}>
<Box p={2} bg="zinc-800" color="text-zinc-400">
<Stack as="article" key={rule.id} display="flex" flexDirection="col" gap={3} p={6} border borderColor="zinc-800" bg="zinc-900/30">
<Stack display="flex" alignItems="center" gap={3}>
<Stack p={2} bg="zinc-800" color="text-zinc-400">
<Shield size={18} />
</Box>
</Stack>
<Heading level={3} fontSize="md" weight="bold" color="text-white">{rule.title}</Heading>
</Box>
</Stack>
<Text size="sm" color="text-zinc-400" leading="relaxed">
{rule.content}
</Text>
</Box>
</Stack>
))}
</Box>
</Stack>
</Stack>
</Box>
</Stack>
);
}