fix: Use layout gap to control layout instead of margin

This commit is contained in:
blessedcoolant 2023-07-21 01:07:00 +12:00
parent 15256ed3a4
commit 8fb970d436

View File

@ -69,7 +69,7 @@ const ControlNet = (props: ControlNetProps) => {
<Flex <Flex
sx={{ sx={{
flexDir: 'column', flexDir: 'column',
gap: 2, gap: 3,
p: 3, p: 3,
borderRadius: 'base', borderRadius: 'base',
position: 'relative', position: 'relative',
@ -152,7 +152,7 @@ const ControlNet = (props: ControlNetProps) => {
/> />
)} )}
</Flex> </Flex>
<Flex sx={{ w: 'full', flexDirection: 'column', gap: 3, mt: 2 }}> <Flex sx={{ w: 'full', flexDirection: 'column', gap: 3 }}>
<Flex sx={{ gap: 4, w: 'full', alignItems: 'center' }}> <Flex sx={{ gap: 4, w: 'full', alignItems: 'center' }}>
<Flex <Flex
sx={{ sx={{