diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-28 18:22:46 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2022-12-28 18:22:46 +0900 |
| commit | 6e6d9f3029dffeba71a7498467edcf8795f33832 (patch) | |
| tree | e734edee6c03f07a3b8b1dc8cc5edf1307b8d5f9 /packages/frontend/src/components/MkButton.vue | |
| parent | :art: (diff) | |
| download | sharkey-6e6d9f3029dffeba71a7498467edcf8795f33832.tar.gz sharkey-6e6d9f3029dffeba71a7498467edcf8795f33832.tar.bz2 sharkey-6e6d9f3029dffeba71a7498467edcf8795f33832.zip | |
:art:
Diffstat (limited to 'packages/frontend/src/components/MkButton.vue')
| -rw-r--r-- | packages/frontend/src/components/MkButton.vue | 10 |
1 files changed, 8 insertions, 2 deletions
diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue index 891645bb2a..20bce2104b 100644 --- a/packages/frontend/src/components/MkButton.vue +++ b/packages/frontend/src/components/MkButton.vue @@ -2,7 +2,7 @@ <button v-if="!link" ref="el" class="bghgjjyj _button" - :class="{ inline, primary, gradate, danger, rounded, full }" + :class="{ inline, primary, gradate, danger, rounded, full, small }" :type="type" @click="emit('click', $event)" @mousedown="onMousedown" @@ -14,7 +14,7 @@ </button> <MkA v-else class="bghgjjyj _button" - :class="{ inline, primary, gradate, danger, rounded, full }" + :class="{ inline, primary, gradate, danger, rounded, full, small }" :to="to" @mousedown="onMousedown" > @@ -40,6 +40,7 @@ const props = defineProps<{ wait?: boolean; danger?: boolean; full?: boolean; + small?: boolean; }>(); const emit = defineEmits<{ @@ -125,6 +126,11 @@ function onMousedown(evt: MouseEvent): void { background: var(--buttonHoverBg); } + &.small { + font-size: 90%; + padding: 6px 12px; + } + &.full { width: 100%; } |