From 9c1c001f2581bdb70fc69039feffffdb6c706635 Mon Sep 17 00:00:00 2001 From: Freeplay Date: Sun, 21 May 2023 14:11:45 -0400 Subject: [PATCH] Set minimum size for buttons --- packages/client/src/components/MkButton.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/packages/client/src/components/MkButton.vue b/packages/client/src/components/MkButton.vue index 140b8ddb03..8a7fe6851f 100644 --- a/packages/client/src/components/MkButton.vue +++ b/packages/client/src/components/MkButton.vue @@ -111,11 +111,12 @@ function onMousedown(evt: MouseEvent): void { z-index: 1; // 他コンポーネントのbox-shadowに隠されないようにするため display: block; min-width: 100px; + min-height: 35px; width: max-content; padding: 8px 16px; text-align: center; font-weight: normal; - font-size: 1em; + font-size: max(12px, 1em); box-shadow: none; text-decoration: none; background: var(--buttonBg); @@ -193,7 +194,7 @@ function onMousedown(evt: MouseEvent): void { &.mini { padding: 4px 8px; - font-size: 0.9em; + font-size: max(12px, .9em); border-radius: 100px; }