website refactor
This commit is contained in:
@@ -31,26 +31,26 @@ export function PageHeader({
|
||||
justifyContent="space-between"
|
||||
gap={6}
|
||||
borderBottom="1px solid var(--ui-color-border-muted)"
|
||||
paddingBottom={8}
|
||||
paddingBottom={6}
|
||||
>
|
||||
<Box>
|
||||
<Box display="flex" alignItems="center" gap={3} marginBottom={2}>
|
||||
<Stack direction="row" align="center" gap={4} marginBottom={2}>
|
||||
{icon ? (
|
||||
<Icon icon={icon} size={8} intent="primary" />
|
||||
) : (
|
||||
<Box width={1} height={8} backgroundColor="var(--ui-color-intent-primary)" />
|
||||
)}
|
||||
<Heading level={1} weight="bold" uppercase>{title}</Heading>
|
||||
</Box>
|
||||
<Heading level={1} weight="bold" uppercase letterSpacing="tight">{title}</Heading>
|
||||
</Stack>
|
||||
{description && (
|
||||
<Text variant="low" size="lg" uppercase mono letterSpacing="0.2em">
|
||||
<Text variant="low" size="lg" uppercase mono letterSpacing="widest">
|
||||
{description}
|
||||
</Text>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
{action && (
|
||||
<Box display="flex" alignItems="center">
|
||||
<Box display="flex" alignItems="center" paddingBottom={1}>
|
||||
{action}
|
||||
</Box>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user