diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-24 22:36:28 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-04-24 22:36:28 +0900 |
| commit | ccf063709e7a33a6690f84a19acbbf9ef0209efe (patch) | |
| tree | 4013afb516b67629b3b54e8ea0e243c5d8632d84 /src/client/components | |
| parent | Tweak animation (diff) | |
| download | sharkey-ccf063709e7a33a6690f84a19acbbf9ef0209efe.tar.gz sharkey-ccf063709e7a33a6690f84a19acbbf9ef0209efe.tar.bz2 sharkey-ccf063709e7a33a6690f84a19acbbf9ef0209efe.zip | |
Tweak UI
Diffstat (limited to 'src/client/components')
| -rw-r--r-- | src/client/components/tab.vue | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/src/client/components/tab.vue b/src/client/components/tab.vue index 96cbe50fb1..5e54fc968e 100644 --- a/src/client/components/tab.vue +++ b/src/client/components/tab.vue @@ -12,14 +12,16 @@ export default defineComponent({ return withDirectives(h('div', { class: 'pxhvhrfw', - }, options.map(option => h('button', { + }, options.map(option => withDirectives(h('button', { class: ['_button', { active: this.value === option.props.value }], key: option.props.value, disabled: this.value === option.props.value, onClick: () => { this.$emit('update:value', option.props.value); } - }, option.children))), [ + }, option.children), [ + [resolveDirective('click-anime')] + ]))), [ [resolveDirective('size'), { max: [500] }] ]); } |