diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-12 01:04:50 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2021-10-12 01:04:50 +0900 |
| commit | 36170c816acd7cb905c34059f66ea4b3fd2e416b (patch) | |
| tree | 223381f1876405193928f8789035d070d0bf080a /src/client/components/ui/button.vue | |
| parent | chore: fix bug (diff) | |
| download | sharkey-36170c816acd7cb905c34059f66ea4b3fd2e416b.tar.gz sharkey-36170c816acd7cb905c34059f66ea4b3fd2e416b.tar.bz2 sharkey-36170c816acd7cb905c34059f66ea4b3fd2e416b.zip | |
tweak ui
Diffstat (limited to 'src/client/components/ui/button.vue')
| -rw-r--r-- | src/client/components/ui/button.vue | 19 |
1 files changed, 16 insertions, 3 deletions
diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue index 53b973fe55..e74c4f550b 100644 --- a/src/client/components/ui/button.vue +++ b/src/client/components/ui/button.vue @@ -1,6 +1,5 @@ <template> -<component class="bghgjjyj _button" - :is="link ? 'MkA' : 'button'" +<button v-if="!link" class="bghgjjyj _button" :class="{ inline, primary, danger, rounded, full }" :type="type" @click="$emit('click', $event)" @@ -10,7 +9,17 @@ <div class="content"> <slot></slot> </div> -</component> +</button> +<MkA v-else class="bghgjjyj _button" + :class="{ inline, primary, danger, rounded, full }" + :to="to" + @mousedown="onMousedown" +> + <div ref="ripples" class="ripples"></div> + <div class="content"> + <slot></slot> + </div> +</MkA> </template> <script lang="ts"> @@ -42,6 +51,10 @@ export default defineComponent({ required: false, default: false }, + to: { + type: String, + required: false + }, autofocus: { type: Boolean, required: false, |