website refactor

This commit is contained in:
2026-01-21 18:40:49 +01:00
parent 69319ce1d4
commit ea58909070
18 changed files with 1051 additions and 267 deletions

View File

@@ -31,14 +31,9 @@ export function AdminQuickViewWidgets({
<Stack gap={4}>
{/* Wallet Preview */}
<Surface
variant="muted"
variant="precision"
rounded="xl"
border
padding={6}
style={{
background: 'linear-gradient(to bottom right, #262626, rgba(38, 38, 38, 0.8))',
borderColor: 'rgba(59, 130, 246, 0.3)',
}}
>
<Stack gap={4}>
<Stack direction="row" align="center" gap={3}>
@@ -51,13 +46,13 @@ export function AdminQuickViewWidgets({
rounded="lg"
bg="bg-primary-blue/10"
>
<Wallet size={20} color="var(--primary-blue)" />
<Icon icon={Wallet} size={4} intent="primary" />
</Stack>
<Stack gap={0}>
<Text size="sm" weight="bold" color="text-white" block>
<Text size="sm" weight="bold" variant="high" block>
Wallet Balance
</Text>
<Text size="2xl" weight="bold" color="text-primary-blue" font="mono" block>
<Text size="2xl" weight="bold" variant="primary" font="mono" block>
${walletBalance.toFixed(2)}
</Text>
</Stack>
@@ -78,14 +73,9 @@ export function AdminQuickViewWidgets({
{/* Stewarding Quick-View */}
<Surface
variant="muted"
variant="precision"
rounded="xl"
border
padding={6}
style={{
background: 'linear-gradient(to bottom right, #262626, rgba(38, 38, 38, 0.8))',
borderColor: 'rgba(239, 68, 68, 0.3)',
}}
>
<Stack gap={4}>
<Stack direction="row" align="center" gap={3}>
@@ -98,13 +88,13 @@ export function AdminQuickViewWidgets({
rounded="lg"
bg="bg-error-red/10"
>
<Shield size={20} color="var(--error-red)" />
<Icon icon={Shield} size={4} intent="critical" />
</Stack>
<Stack gap={0}>
<Text size="sm" weight="bold" color="text-white" block>
<Text size="sm" weight="bold" variant="high" block>
Stewarding Queue
</Text>
<Text size="2xl" weight="bold" color="text-error-red" font="mono" block>
<Text size="2xl" weight="bold" variant="critical" font="mono" block>
{pendingProtestsCount}
</Text>
</Stack>
@@ -122,7 +112,7 @@ export function AdminQuickViewWidgets({
</Link>
</Stack>
) : (
<Text size="xs" color="text-gray-500" italic>
<Text size="xs" variant="low" italic>
No pending protests
</Text>
)}
@@ -132,14 +122,9 @@ export function AdminQuickViewWidgets({
{/* Join Requests Preview */}
{pendingJoinRequestsCount > 0 && (
<Surface
variant="muted"
variant="precision"
rounded="xl"
border
padding={6}
style={{
background: 'linear-gradient(to bottom right, #262626, rgba(38, 38, 38, 0.8))',
borderColor: 'rgba(251, 191, 36, 0.3)',
}}
>
<Stack gap={4}>
<Stack direction="row" align="center" gap={3}>
@@ -152,13 +137,13 @@ export function AdminQuickViewWidgets({
rounded="lg"
bg="bg-warning-amber/10"
>
<Icon icon={Shield} size={20} color="var(--warning-amber)" />
<Icon icon={Shield} size={4} intent="warning" />
</Stack>
<Stack gap={0}>
<Text size="sm" weight="bold" color="text-white" block>
<Text size="sm" weight="bold" variant="high" block>
Join Requests
</Text>
<Text size="2xl" weight="bold" color="text-warning-amber" font="mono" block>
<Text size="2xl" weight="bold" variant="warning" font="mono" block>
{pendingJoinRequestsCount}
</Text>
</Stack>