fix payloadcms fields (#924)

Co-authored-by: Adrian Pilarczyk <admin@peelar.dev>
This commit is contained in:
Lukasz Ostrowski 2023-08-25 15:33:18 +02:00 committed by GitHub
parent 34efd39dcf
commit e9378e7af7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 8 deletions

View file

@ -0,0 +1,5 @@
---
"saleor-app-cms-v2": patch
---
Fix PayloadCMS form where two inputs were stuck together without a margin. Now, they are placed in two columns

View file

@ -82,17 +82,19 @@ const PureForm = ({ defaultValues, onSubmit, onDelete }: PureFormProps) => {
> >
Read more in Payload docs Read more in Payload docs
</TextLink> </TextLink>
<Text as="p" marginBottom={4}> <Text as="p" marginBottom={6}>
If your API is open (e.g. for development purposes) leave both fields empty. If your API is open (e.g. for development purposes) leave both fields empty.
</Text> </Text>
<Input <Box display="grid" gap={4} gridTemplateColumns={2}>
control={control} <Input
name="authenticatedUserSlug" control={control}
label="Authenticated user slug" name="authenticatedUserSlug"
placeholder="e.g. apps" label="Authenticated user slug"
/> placeholder="e.g. apps"
<Input control={control} name="authToken" type="password" label="User API Key" /> />
<Input control={control} name="authToken" type="password" label="User API Key" />
</Box>
</Box> </Box>
</Box> </Box>
<Box display={"grid"} gap={4} marginY={4}> <Box display={"grid"} gap={4} marginY={4}>