website refactor
This commit is contained in:
@@ -23,9 +23,9 @@ export function ConnectedAccountsPanel({ iracingId, onConnectIRacing }: Connecte
|
||||
<Stack gap={4} className="divide-y divide-border-gray/30">
|
||||
<Stack direction="row" justify="between" align="center" pt={0}>
|
||||
<Stack direction="row" align="center" gap={3}>
|
||||
<Box backgroundColor="#1e293b" p={2} rounded="md">
|
||||
<Stack backgroundColor="#1e293b" p={2} rounded="md">
|
||||
<Globe size={20} color="#4ED4E0" />
|
||||
</Box>
|
||||
</Stack>
|
||||
<Stack gap={0.5}>
|
||||
<Text weight="bold" size="sm">iRacing</Text>
|
||||
<Text size="xs" color="#9ca3af">
|
||||
@@ -40,17 +40,17 @@ export function ConnectedAccountsPanel({ iracingId, onConnectIRacing }: Connecte
|
||||
</Button>
|
||||
)}
|
||||
{iracingId && (
|
||||
<Box backgroundColor="rgba(16, 185, 129, 0.1)" px={2} py={1} rounded="full">
|
||||
<Stack backgroundColor="rgba(16, 185, 129, 0.1)" px={2} py={1} rounded="full">
|
||||
<Text size="xs" color="#10b981" weight="bold">Verified</Text>
|
||||
</Box>
|
||||
</Stack>
|
||||
)}
|
||||
</Stack>
|
||||
|
||||
<Stack direction="row" justify="between" align="center" pt={4}>
|
||||
<Stack direction="row" align="center" gap={3}>
|
||||
<Box backgroundColor="#1e293b" p={2} rounded="md">
|
||||
<Stack backgroundColor="#1e293b" p={2} rounded="md">
|
||||
<LinkIcon size={20} color="#198CFF" />
|
||||
</Box>
|
||||
</Stack>
|
||||
<Stack gap={0.5}>
|
||||
<Text weight="bold" size="sm">Discord</Text>
|
||||
<Text size="xs" color="#9ca3af">Connect for notifications</Text>
|
||||
@@ -68,4 +68,3 @@ export function ConnectedAccountsPanel({ iracingId, onConnectIRacing }: Connecte
|
||||
);
|
||||
}
|
||||
|
||||
import { Box } from '@/ui/Box';
|
||||
|
||||
Reference in New Issue
Block a user