prehistoric-systems/omnivore
1
0
Fork 0
mirror of https://github.com/omnivore-app/omnivore.git synced 2026-03-11 08:54:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update FormModal style

Browse source
This commit is contained in:
Hongbo Wu 2022-06-02 11:03:38 +08:00
parent 1b024214fe
commit 353aa6256f
1 changed files with 3 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
packages/web/components/patterns/FormModal.tsx
View file

@ -44,7 +44,7 @@ export function FormModal(props: FormModalProps): JSX.Element {
>
{props.inputs?.map((input) => (
<HStack key={input.name}>
<StyledText style={'boldText'}>{input.label}</StyledText>
<StyledText>{input.label}</StyledText>
<FormInput
key={input.name}
type={input.type || 'text'}
@ -57,15 +57,10 @@ export function FormModal(props: FormModalProps): JSX.Element {
</HStack>
))}
<HStack distribution="center">
<Button
style="ctaPill"
onClick={() => props.onOpenChange(false)}
>
<Button onClick={() => props.onOpenChange(false)}>
Cancel
</Button>
<Button style="ctaPill">
{props.acceptButtonLabel || 'Submit'}
</Button>
<Button>{props.acceptButtonLabel || 'Submit'}</Button>
</HStack>
</form>
</Box>