natty
/
calckey
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Set minimum size for buttons

This commit is contained in:
Freeplay 2023-05-21 14:11:45 -04:00
parent 55b6b6075d
commit 9c1c001f25
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/client/src/components/MkButton.vue
View File

@ -111,11 +111,12 @@ function onMousedown(evt: MouseEvent): void {
z-index: 1; // 他コンポーネントのbox-shadowに隠されないようにするため z-index: 1; // 他コンポーネントのbox-shadowに隠されないようにするため
display: block; display: block;
min-width: 100px; min-width: 100px;
min-height: 35px;
width: max-content; width: max-content;
padding: 8px 16px; padding: 8px 16px;
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: max(12px, 1em);
box-shadow: none; box-shadow: none;
text-decoration: none; text-decoration: none;
background: var(--buttonBg); background: var(--buttonBg);
@ -193,7 +194,7 @@ function onMousedown(evt: MouseEvent): void {
&.mini { &.mini {
padding: 4px 8px; padding: 4px 8px;
font-size: 0.9em; font-size: max(12px, .9em);
border-radius: 100px; border-radius: 100px;
} }