Merge pull request #134 from supabase/fix/form-horizontal-widths

MildTomato · web-flow · commit 80baa03ba4d6 · 2021-02-24T11:49:18.000+08:00
fix: adjust column width
diff --git a/src/lib/Layout/FormLayout/FormLayout.module.css b/src/lib/Layout/FormLayout/FormLayout.module.css
@@ -19,27 +19,27 @@
 }
 
 .sbui-formlayout--non-responsive {
-  @apply grid-cols-12;
+  @apply grid grid-cols-12 gap-4;
 }
 
 .sbui-formlayout--responsive {
-  @apply md:grid-cols-12;
+  @apply md:grid md:grid-cols-12 md:gap-4;
 }
 
 .sbui-formlayout__label-container-horizontal {
   @apply justify-between col-span-12;
 }
 
 .sbui-formlayout__label-container-vertical {
-  @apply col-span-5;
+  @apply col-span-4;
 }
 
 .sbui-formlayout__content-container-horizontal {
   @apply col-span-12;
 }
 
 .sbui-formlayout__content-container-vertical {
-  @apply col-span-7;
+  @apply col-span-8;
 }
 
 .sbui-formlayout__content-container-vertical--align-right {

Original file line number	Diff line number	Diff line change
`@@ -19,27 +19,27 @@`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`.sbui-formlayout--non-responsive {`
`22`		`- @apply grid-cols-12;`
	`22`	`+ @apply grid grid-cols-12 gap-4;`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`.sbui-formlayout--responsive {`
`26`		`- @apply md:grid-cols-12;`
	`26`	`+ @apply md:grid md:grid-cols-12 md:gap-4;`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`.sbui-formlayout__label-container-horizontal {`
`30`	`30`	`@apply justify-between col-span-12;`
`31`	`31`	`}`
`32`	`32`
`33`	`33`	`.sbui-formlayout__label-container-vertical {`
`34`		`- @apply col-span-5;`
	`34`	`+ @apply col-span-4;`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`.sbui-formlayout__content-container-horizontal {`
`38`	`38`	`@apply col-span-12;`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`.sbui-formlayout__content-container-vertical {`
`42`		`- @apply col-span-7;`
	`42`	`+ @apply col-span-8;`
`43`	`43`	`}`
`44`	`44`
`45`	`45`	`.sbui-formlayout__content-container-vertical--align-right {`