diff --git a/packages/amis-editor/src/plugin/Layout/FlexPluginBase.tsx b/packages/amis-editor/src/plugin/Layout/FlexPluginBase.tsx index cf1f57376..6f0495a44 100644 --- a/packages/amis-editor/src/plugin/Layout/FlexPluginBase.tsx +++ b/packages/amis-editor/src/plugin/Layout/FlexPluginBase.tsx @@ -33,7 +33,7 @@ export const defaultFlexColumnSchema = (title?: string) => { // 默认的布局容器Schema const defaultFlexContainerSchema = { type: 'flex', - className: '', + className: 'p-1', items: [ defaultFlexColumnSchema('第一列'), defaultFlexColumnSchema('第二列'), diff --git a/packages/amis-editor/src/plugin/Layout/Layout_sorption_container.tsx b/packages/amis-editor/src/plugin/Layout/Layout_sorption_container.tsx index a86f8ec85..95b8f1b40 100644 --- a/packages/amis-editor/src/plugin/Layout/Layout_sorption_container.tsx +++ b/packages/amis-editor/src/plugin/Layout/Layout_sorption_container.tsx @@ -14,7 +14,7 @@ export default class Layout_fixed_top extends FlexPluginBase { type: 'flex', isSorptionContainer: true, sorptionPosition: 'top', - className: '', + className: 'p-1', items: [ defaultFlexColumnSchema(), defaultFlexColumnSchema(), diff --git a/packages/amis-ui/scss/components/_wrapper.scss b/packages/amis-ui/scss/components/_wrapper.scss index d2b0efa90..5ca9b84eb 100644 --- a/packages/amis-ui/scss/components/_wrapper.scss +++ b/packages/amis-ui/scss/components/_wrapper.scss @@ -1,22 +1,22 @@ .#{$ns}Wrapper, .#{$ns}Container { &--xs { - // padding: var(--gap-xs); + padding: var(--gap-xs); } &--sm { - // padding: var(--gap-sm); + padding: var(--gap-sm); } &--md { - // padding: var(--gap-md); + padding: var(--gap-md); } &--lg { - // padding: var(--gap-lg); + padding: var(--gap-lg); } &--xl { - // padding: var(--gap-xl); + padding: var(--gap-xl); } } diff --git a/packages/amis-ui/scss/layout/_grid.scss b/packages/amis-ui/scss/layout/_grid.scss index 88c263080..3d192a5e1 100644 --- a/packages/amis-ui/scss/layout/_grid.scss +++ b/packages/amis-ui/scss/layout/_grid.scss @@ -17,23 +17,23 @@ min-height: 1px; max-width: 100%; width: 100%; - // padding-left: math.div($Grid-gutterWidth, 2); - // padding-right: math.div($Grid-gutterWidth, 2); + padding-left: math.div($Grid-gutterWidth, 2); + padding-right: math.div($Grid-gutterWidth, 2); } .#{$ns}Grid-col--#{$class}Auto { flex: 0 0 auto; width: auto; max-width: 100%; - // padding-left: math.div($Grid-gutterWidth, 2); - // padding-right: math.div($Grid-gutterWidth, 2); + padding-left: math.div($Grid-gutterWidth, 2); + padding-right: math.div($Grid-gutterWidth, 2); } } // Generate Grid row @mixin make-row($gutter: $Grid-gutterWidth) { - // margin-left: math.div($gutter, -2); - // margin-right: math.div($gutter, -2); + margin-left: math.div($gutter, -2); + margin-right: math.div($gutter, -2); display: flex; flex-wrap: wrap; }