调整space组件的样式

master
yutent 2023-04-23 00:11:04 +08:00
parent 847ad1dd84
commit bbc457f46a
1 changed files with 3 additions and 2 deletions

View File

@ -16,6 +16,7 @@ class Space extends Component {
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
width: 100%; width: 100%;
padding: 12px 0;
gap: 12px; gap: 12px;
} }
:host([vertical]) { :host([vertical]) {
@ -35,12 +36,12 @@ class Space extends Component {
'l': 12px, 'l': 12px,
'xl': 16px, 'xl': 16px,
'xxl': 20px, 'xxl': 20px,
'xxxl': 24px, 'xxxl': 24px
'xxxxl': 28px
); );
@loop $k, $v in $gaps { @loop $k, $v in $gaps {
:host([gap='#{$k}']) { :host([gap='#{$k}']) {
.container { .container {
padding: $v 0;
gap: $v; gap: $v;
} }
} }