diff options
| author | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-13 16:56:47 +0900 |
|---|---|---|
| committer | syuilo <4439005+syuilo@users.noreply.github.com> | 2025-03-13 16:56:47 +0900 |
| commit | 10b67e1b3a8d03c25b8e2c008f11ce45ef3d915c (patch) | |
| tree | 1306384d556895a66cbb0c5c504afec27b6669dd /packages/frontend/src/components/MkButton.vue | |
| parent | refactor(frontend): organize use functions (diff) | |
| download | sharkey-10b67e1b3a8d03c25b8e2c008f11ce45ef3d915c.tar.gz sharkey-10b67e1b3a8d03c25b8e2c008f11ce45ef3d915c.tar.bz2 sharkey-10b67e1b3a8d03c25b8e2c008f11ce45ef3d915c.zip | |
enhance(frontend): improve emoji picker settings
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 667e624853..5b32ec0fc8 100644 --- a/packages/frontend/src/components/MkButton.vue +++ b/packages/frontend/src/components/MkButton.vue @@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only <button v-if="!link" ref="el" class="_button" - :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike }]" + :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike, [$style.iconOnly]: iconOnly }]" :type="type" :name="name" :value="value" @@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only </button> <MkA v-else class="_button" - :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike }]" + :class="[$style.root, { [$style.inline]: inline, [$style.primary]: primary, [$style.gradate]: gradate, [$style.danger]: danger, [$style.rounded]: rounded, [$style.full]: full, [$style.small]: small, [$style.large]: large, [$style.transparent]: transparent, [$style.asLike]: asLike, [$style.iconOnly]: iconOnly }]" :to="to ?? '#'" :behavior="linkBehavior" @mousedown="onMousedown" @@ -57,6 +57,7 @@ const props = defineProps<{ name?: string; value?: string; disabled?: boolean; + iconOnly?: boolean; }>(); const emit = defineEmits<{ @@ -147,6 +148,11 @@ function onMousedown(evt: MouseEvent): void { background: var(--MI_THEME-buttonHoverBg); } + &.iconOnly { + padding: 7px; + min-width: auto; + } + &.small { font-size: 90%; padding: 6px 12px; |