bd
/
ui
2
0
Fork 0
Code Issues Pull Requests Wiki Activity

Merge branch 'master' of github.com:9th-js/wcui

master
yutent 2023-04-23 09:37:47 +08:00
parent 74c430c7f0 bbc457f46a
commit b8b72dd1ea
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/form/button.js
View File

@ -258,7 +258,7 @@ class Button extends Component {
render() { render() {
let style = styleMap({ 'margin-right': this.#empty ? 0 : '4px' }) let style = styleMap({ 'margin-right': this.#empty ? 0 : '4px' })
return html` return html`
<button ref="btn" disabled=${this.disabled}> <button ref="btn" disabled=${this.disabled || this.loading}>
<wc-icon class="icon" name=${this.icon} style=${style}></wc-icon> <wc-icon class="icon" name=${this.icon} style=${style}></wc-icon>
<slot ref="cont"></slot> <slot ref="cont"></slot>
</button> </button>

5
src/space/index.js
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;
} }
} }