website refactor
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
import React from 'react';
|
||||
import { Box } from '@/ui/Box';
|
||||
import { Text } from '@/ui/Text';
|
||||
import { Stack } from '@/ui/Stack';
|
||||
|
||||
interface MilestoneItemProps {
|
||||
label: string;
|
||||
@@ -10,12 +10,12 @@ interface MilestoneItemProps {
|
||||
|
||||
export function MilestoneItem({ label, value, icon }: MilestoneItemProps) {
|
||||
return (
|
||||
<Box display="flex" alignItems="center" justifyContent="between" p={3} rounded="md" bg="bg-deep-graphite" border borderColor="border-charcoal-outline">
|
||||
<Box display="flex" alignItems="center" gap={3}>
|
||||
<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>
|
||||
</Box>
|
||||
</Stack>
|
||||
<Text size="sm" weight="medium" color="text-white">{value}</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user