Updated layout. Fixed properties rendering.

This commit is contained in:
Mike Cao 2025-07-18 00:22:06 -07:00
parent 01bfd7f52e
commit 876f4c883e
18 changed files with 214 additions and 176 deletions

View file

@ -16,6 +16,7 @@ export function Empty({ message }: EmptyProps) {
width="100%"
height="100%"
minHeight="70px"
flexGrow={1}
>
{message || formatMessage(messages.noDataAvailable)}
</Row>

View file

@ -1,5 +1,5 @@
import { ReactNode } from 'react';
import { Heading, Icon, Row, Text } from '@umami/react-zen';
import { Heading, Icon, Row, RowProps, Text } from '@umami/react-zen';
export function PageHeader({
title,
@ -7,6 +7,7 @@ export function PageHeader({
icon,
showBorder = true,
children,
...props
}: {
title: string;
description?: string;
@ -15,7 +16,7 @@ export function PageHeader({
allowEdit?: boolean;
className?: string;
children?: ReactNode;
}) {
} & RowProps) {
return (
<Row
justifyContent="space-between"
@ -23,6 +24,7 @@ export function PageHeader({
paddingY="6"
border={showBorder ? 'bottom' : undefined}
width="100%"
{...props}
>
<Row alignItems="center" gap="3">
{icon && <Icon>{icon}</Icon>}