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 22:55:55 +01:00
parent b43a23a48c
commit aeaa43f4d3
179 changed files with 4736 additions and 6832 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/website/components/achievements/MilestoneItem.tsx
View File

@@ -1,5 +1,7 @@
import { Text } from '@/ui/Text';
import { Stack } from '@/ui/primitives/Stack';
import { Group } from '@/ui/Group';
import { Card } from '@/ui/Card';
import React from 'react';
interface MilestoneItemProps {
label: string;
@@ -9,12 +11,14 @@ interface MilestoneItemProps {
export function MilestoneItem({ label, value, icon }: MilestoneItemProps) {
return (
<Stack direction="row" align="center" justify="between" p={3} rounded="md" bg="bg-deep-graphite" border borderColor="border-charcoal-outline">
<Stack direction="row" align="center" gap={3}>
<Text size="xl">{icon}</Text>
<Text size="sm" color="text-gray-400">{label}</Text>
</Stack>
<Text size="sm" weight="medium" color="text-white">{value}</Text>
</Stack>
<Card variant="dark">
<Group direction="row" align="center" justify="between" fullWidth>
<Group direction="row" align="center" gap={3}>
<Text size="xl">{icon}</Text>
<Text size="sm" variant="low">{label}</Text>
</Group>
<Text size="sm" weight="medium" variant="high">{value}</Text>
</Group>
</Card>
);
}