fix: size toolbar buttons to 32px including padding

This commit is contained in:
2026-11-06 01:17:34 +08:00
parent 5046baff75
commit f1f4fcf3f6
7 changed files with 23 additions and 17 deletions
+3 -3
View File
@@ -4,8 +4,8 @@
justify-content: center;
flex: 0 0 auto;
box-sizing: border-box;
width: var(--toolbar-control-width, 28px);
height: var(--toolbar-control-height, 24px);
width: var(--toolbar-control-width, 32px);
height: var(--toolbar-control-height, 32px);
padding: 4px 6px;
border: 0;
border-radius: 5px;
@@ -13,7 +13,7 @@
color: inherit;
cursor: pointer;
}
.button svg { width: var(--toolbar-icon-size, 16px); height: var(--toolbar-icon-size, 16px); flex: 0 0 var(--toolbar-icon-size, 16px); }
.button svg { width: var(--toolbar-icon-size, 20px); height: var(--toolbar-icon-size, 20px); flex: 0 0 var(--toolbar-icon-size, 20px); }
.button:hover { background: #e9e7e3; }
.button:focus-visible { outline: 2px solid #9d7d66; outline-offset: 2px; }
.button:disabled { opacity: 0.45; cursor: not-allowed; }