style: compact tool grid to 4 columns

This commit is contained in:
JOJO 2025-11-14 22:28:53 +08:00
parent e11c76fee8
commit d6b58436d1

View File

@ -1516,16 +1516,16 @@ body {
.tool-menu .tool-menu-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 8px;
}
.tool-menu .tool-category-item {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 8px;
padding: 12px;
align-items: center;
gap: 6px;
padding: 10px;
border: 1px solid rgba(118, 103, 84, 0.14);
border-radius: 10px;
background: rgba(255, 255, 255, 0.88);
@ -1542,7 +1542,10 @@ body {
color: var(--claude-text);
display: inline-flex;
align-items: center;
gap: 6px;
justify-content: center;
gap: 4px;
text-align: center;
flex-wrap: wrap;
}
.tool-category-icon {