Fixed spacing issue in confirmation form.

This commit is contained in:
Mike Cao 2025-10-04 00:04:11 -07:00
parent eabfec9075
commit ed013d5d58

View file

@ -1,5 +1,5 @@
import { ReactNode } from 'react'; import { ReactNode } from 'react';
import { Row, Button, FormSubmitButton, Form, FormButtons } from '@umami/react-zen'; import { Box, Button, FormSubmitButton, Form, FormButtons } from '@umami/react-zen';
import { useMessages } from '@/components/hooks'; import { useMessages } from '@/components/hooks';
export interface ConfirmationFormProps { export interface ConfirmationFormProps {
@ -25,7 +25,7 @@ export function ConfirmationForm({
return ( return (
<Form onSubmit={onConfirm} error={getErrorMessage(error)}> <Form onSubmit={onConfirm} error={getErrorMessage(error)}>
<Row marginY="4">{message}</Row> <Box marginY="4">{message}</Box>
<FormButtons> <FormButtons>
<Button onPress={onClose}>{formatMessage(labels.cancel)}</Button> <Button onPress={onClose}>{formatMessage(labels.cancel)}</Button>
<FormSubmitButton <FormSubmitButton