tabshift/payloadcms
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(ui): spacing in row fields by using gap instead of inner margins (#7387)

Browse Source
This commit is contained in:
Paul
2024-07-26 11:34:30 -04:00
committed by GitHub
parent 49df61d9ec
commit e823051a8e
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/plugin-form-builder/src/collections/Forms/index.ts
View File

@@ -157,7 +157,9 @@ export const generateFormCollection = (formConfig: FormBuilderPluginConfig): Col
name: 'cc',
type: 'text',
admin: {
width: '50%',
style: {
maxWidth: '50%',
},
},
label: 'CC',
},
@@ -165,7 +167,9 @@ export const generateFormCollection = (formConfig: FormBuilderPluginConfig): Col
name: 'bcc',
type: 'text',
admin: {
width: '50%',
style: {
maxWidth: '50%',
},
},
label: 'BCC',
},

6
packages/ui/src/fields/Row/index.scss
View File

@@ -4,14 +4,10 @@
.row__fields {
display: flex;
flex-wrap: wrap;
width: calc(100% + var(--base));
margin-left: calc(var(--base) * -0.5);
margin-right: calc(var(--base) * -0.5);
gap: calc(var(--base) * 0.5);
> * {
flex-grow: 1;
padding-left: calc(var(--base) * 0.5);
padding-right: calc(var(--base) * 0.5);
}
}