Converted user and website settings.

This commit is contained in:
Mike Cao 2025-02-21 16:55:05 -08:00
parent 4c24e54fdd
commit b5c6194f36
59 changed files with 363 additions and 554 deletions

View file

@ -1,29 +1,23 @@
import { ReactNode } from 'react';
import { Heading, Icon, Breadcrumbs, Breadcrumb, Row } from '@umami/react-zen';
import { Heading, Icon, Row } from '@umami/react-zen';
export function PageHeader({
title,
icon,
breadcrumb,
children,
}: {
title?: ReactNode;
icon?: ReactNode;
className?: string;
breadcrumb?: ReactNode;
children?: ReactNode;
}) {
return (
<>
<Breadcrumbs>
<Breadcrumb>{breadcrumb}</Breadcrumb>
</Breadcrumbs>
<Row justifyContent="space-between" paddingY="6">
<Row justifyContent="space-between" alignItems="center" paddingBottom="6">
<Row gap="3">
{icon && <Icon size="lg">{icon}</Icon>}
{title && <Heading>{title}</Heading>}
<Row justifyContent="flex-end">{children}</Row>
</Row>
</>
<Row justifyContent="flex-end">{children}</Row>
</Row>
);
}