Remove Mkbutton:short and use iconOnly

This commit is contained in:
tai-cha 2025-06-24 16:59:02 +09:00
parent 5919f564ff
commit 2158e75db2
2 changed files with 3 additions and 7 deletions

View File

@ -22,7 +22,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</button> </button>
<MkA <MkA
v-else class="_button" 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.short]: short, [$style.transparent]: transparent, [$style.asLike]: asLike, [$style.iconOnly]: iconOnly, [$style.wait]: wait }]" :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, [$style.wait]: wait }]"
:to="to ?? '#'" :to="to ?? '#'"
:behavior="linkBehavior" :behavior="linkBehavior"
@mousedown="onMousedown" @mousedown="onMousedown"
@ -52,7 +52,6 @@ const props = defineProps<{
full?: boolean; full?: boolean;
small?: boolean; small?: boolean;
large?: boolean; large?: boolean;
short?: boolean;
transparent?: boolean; transparent?: boolean;
asLike?: boolean; asLike?: boolean;
name?: string; name?: string;
@ -164,10 +163,6 @@ function onMousedown(evt: MouseEvent): void {
padding: 8px 16px; padding: 8px 16px;
} }
&.short {
min-width: 0;
}
&.full { &.full {
width: 100%; width: 100%;
} }

View File

@ -73,7 +73,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div :class="$style.draftActions"> <div :class="$style.draftActions">
<MkButton <MkButton
short v-tooltip="i18n.ts._drafts.delete"
:iconOnly="true"
:class="$style.itemButton" :class="$style.itemButton"
@click.stop="deleteDraft(draft)" @click.stop="deleteDraft(draft)"
> >