Zayden-Jung/Endoleap
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: size toolbar buttons to 32px including padding

Browse Source
This commit is contained in:
Codex Bot
2026-11-06 01:17:34 +08:00
parent 5046baff75
commit f1f4fcf3f6
7 changed files with 23 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ui/icon-button.module.css
+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; }
src/components/ui/toolbar.module.css
+3 -3
View File
@@ -1,7 +1,7 @@
.surface {
--toolbar-icon-size: 32px;
--toolbar-control-width: 44px;
--toolbar-control-height: 40px;
--toolbar-icon-size: 20px;
--toolbar-control-width: 32px;
--toolbar-control-height: 32px;
display: flex;
align-items: center;
gap: 2px;