publish: make input form expand to screen

This commit is contained in:
Liam Fitzgerald 2020-09-01 01:25:51 +10:00
parent 9d4003d415
commit 149ffd32e6
2 changed files with 3 additions and 2 deletions

View File

@ -12,7 +12,7 @@ export const MarkdownField = ({ id, ...rest }: { id: string; } & Parameters<type
const [{ value }, { error, touched }, { setValue, setTouched }] = useField(id);
return (
<Box width="100%" display="flex" flexDirection="column" {...rest}>
<Box height="100%" width="100%" display="flex" flexDirection="column" {...rest}>
<MarkdownEditor
onFocus={() => setTouched(true)}
onBlur={() => setTouched(false)}

View File

@ -31,10 +31,11 @@ export function PostForm(props: PostFormProps) {
return (
<Box
width="100%"
height="100%"
p={[2, 4]}
display="grid"
justifyItems="start"
gridAutoRows="min-content"
gridTemplateRows={["64px 64px 1fr", "64px 1fr"]}
gridTemplateColumns={["100%", "1fr 1fr"]}
gridColumnGap={2}
gridRowGap={2}