diff --git a/packages/client/src/components/MkButton.vue b/packages/client/src/components/MkButton.vue index 8a7fe6851..682072f4c 100644 --- a/packages/client/src/components/MkButton.vue +++ b/packages/client/src/components/MkButton.vue @@ -194,7 +194,7 @@ function onMousedown(evt: MouseEvent): void { &.mini { padding: 4px 8px; - font-size: max(12px, .9em); + font-size: max(12px, 0.9em); border-radius: 100px; } diff --git a/packages/client/src/components/MkFollowButton.vue b/packages/client/src/components/MkFollowButton.vue index 0ef5868bd..5481568c7 100644 --- a/packages/client/src/components/MkFollowButton.vue +++ b/packages/client/src/components/MkFollowButton.vue @@ -11,41 +11,43 @@ }" :disabled="wait" @click="onClick" - :aria-label=" `${state} ${user.name || user.username}` " + :aria-label="`${state} ${user.name || user.username}`" > @@ -176,7 +178,7 @@ onBeforeUnmount(() => { background: var(--bg); &.full { - padding: 0.2em .7em; + padding: 0.2em 0.7em; width: auto; font-size: 14px; } diff --git a/packages/client/src/components/MkTab.vue b/packages/client/src/components/MkTab.vue index 5f7cd084f..7e7e12b6f 100644 --- a/packages/client/src/components/MkTab.vue +++ b/packages/client/src/components/MkTab.vue @@ -16,9 +16,10 @@ export default defineComponent({ return h( "div", { - class: ["pxhvhrfw", + class: [ + "pxhvhrfw", { chips: this.style === "chips" }, - { underline: this.style === "underline" } + { underline: this.style === "underline" }, ], role: "tablist", }, @@ -92,7 +93,8 @@ export default defineComponent({ } } - &.chips, &.underline { + &.chips, + &.underline { padding: 12px 32px; font-size: 0.85em; overflow-x: auto;