feat: redesign tool menu grid

This commit is contained in:
JOJO 2025-11-14 22:21:27 +08:00
parent 2e42a970e7
commit b9a08671a9

View File

@ -1515,17 +1515,17 @@ body {
} }
.tool-menu .tool-menu-list { .tool-menu .tool-menu-list {
display: flex; display: grid;
flex-direction: column; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px; gap: 12px;
} }
.tool-menu .tool-category-item { .tool-menu .tool-category-item {
display: flex; display: flex;
align-items: center; flex-direction: column;
justify-content: space-between; align-items: stretch;
gap: 20px; gap: 8px;
padding: 10px 14px; padding: 12px;
border: 1px solid rgba(118, 103, 84, 0.14); border: 1px solid rgba(118, 103, 84, 0.14);
border-radius: 10px; border-radius: 10px;
background: rgba(255, 255, 255, 0.88); background: rgba(255, 255, 255, 0.88);
@ -1537,8 +1537,6 @@ body {
} }
.tool-menu .tool-category-label { .tool-menu .tool-category-label {
flex: 1;
white-space: nowrap;
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
color: var(--claude-text); color: var(--claude-text);
@ -1552,11 +1550,11 @@ body {
} }
.tool-menu .tool-category-toggle { .tool-menu .tool-category-toggle {
width: auto !important; width: 100% !important;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 6px 18px; padding: 6px 12px;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
} }