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/races/TrackConditionsPanel.tsx
View File

@@ -5,7 +5,6 @@ import { Thermometer, Wind, Droplets, Sun, type LucideIcon } from 'lucide-react'
import { Text } from '@/ui/Text';
import { Stack } from '@/ui/Stack';
import { Icon } from '@/ui/Icon';
import { Box } from '@/ui/Box';
interface TrackConditionsPanelProps {
airTemp: string;
@@ -23,12 +22,12 @@ export function TrackConditionsPanel({
weatherType,
}: TrackConditionsPanelProps) {
return (
<Box as="section" bg="bg-surface-charcoal" border borderColor="border-outline-steel" p={4}>
<Stack as="section" bg="bg-surface-charcoal" border borderColor="border-outline-steel" p={4}>
<Text size="xs" weight="bold" color="text-gray-500" uppercase block mb={4}>
Track Conditions
</Text>
<Box display="grid" gridCols={2} mdCols={4} gap={4}>
<Stack display="grid" gridCols={2} mdCols={4} gap={4}>
<ConditionItem
icon={Thermometer}
label="Air Temp"
@@ -53,13 +52,13 @@ export function TrackConditionsPanel({
value={windSpeed}
color="text-gray-400"
/>
</Box>
</Stack>
<Box mt={4} pt={4} borderTop borderColor="border-outline-steel" bgOpacity={0.5} display="flex" alignItems="center" gap={3}>
<Stack mt={4} pt={4} borderTop borderColor="border-outline-steel" bgOpacity={0.5} display="flex" alignItems="center" gap={3}>
<Icon icon={Sun} size={4} color="#FFBE4D" />
<Text size="sm" color="text-gray-300">{weatherType}</Text>
</Box>
</Box>
</Stack>
</Stack>
);
}