summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkButton.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-28 18:22:46 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-28 18:22:46 +0900
commit6e6d9f3029dffeba71a7498467edcf8795f33832 (patch)
treee734edee6c03f07a3b8b1dc8cc5edf1307b8d5f9 /packages/frontend/src/components/MkButton.vue
parent:art: (diff)
downloadsharkey-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.vue10
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%;
}