Remove Mkbutton:short and use iconOnly
This commit is contained in:
parent
5919f564ff
commit
2158e75db2
|
@ -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.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 ?? '#'"
|
||||
:behavior="linkBehavior"
|
||||
@mousedown="onMousedown"
|
||||
|
@ -52,7 +52,6 @@ const props = defineProps<{
|
|||
full?: boolean;
|
||||
small?: boolean;
|
||||
large?: boolean;
|
||||
short?: boolean;
|
||||
transparent?: boolean;
|
||||
asLike?: boolean;
|
||||
name?: string;
|
||||
|
@ -164,10 +163,6 @@ function onMousedown(evt: MouseEvent): void {
|
|||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
&.short {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
&.full {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
@ -73,7 +73,8 @@ SPDX-License-Identifier: AGPL-3.0-only
|
|||
</div>
|
||||
<div :class="$style.draftActions">
|
||||
<MkButton
|
||||
short
|
||||
v-tooltip="i18n.ts._drafts.delete"
|
||||
:iconOnly="true"
|
||||
:class="$style.itemButton"
|
||||
@click.stop="deleteDraft(draft)"
|
||||
>
|
||||
|
|
Loading…
Reference in New Issue