style: square tool cards layout

This commit is contained in:
JOJO 2025-11-14 22:31:14 +08:00
parent d6b58436d1
commit aa76738b44

View File

@ -1523,13 +1523,14 @@ body {
.tool-menu .tool-category-item { .tool-menu .tool-category-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: stretch;
gap: 6px; gap: 8px;
padding: 10px; padding: 12px 10px;
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);
font-size: 13px; font-size: 13px;
min-height: 150px;
} }
.tool-menu .tool-category-item.disabled { .tool-menu .tool-category-item.disabled {
@ -1537,19 +1538,22 @@ body {
} }
.tool-menu .tool-category-label { .tool-menu .tool-category-label {
flex: 1;
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
color: var(--claude-text); color: var(--claude-text);
display: inline-flex; display: inline-flex;
flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
gap: 4px; gap: 6px;
text-align: center; text-align: center;
flex-wrap: wrap; flex-wrap: wrap;
line-height: 1.4;
} }
.tool-category-icon { .tool-category-icon {
font-size: 16px; font-size: 20px;
} }
.tool-menu .tool-category-toggle { .tool-menu .tool-category-toggle {
@ -1560,6 +1564,7 @@ body {
padding: 6px 12px; padding: 6px 12px;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
margin-top: auto;
} }
.menu-btn { .menu-btn {