style: enforce square tool cards

This commit is contained in:
JOJO 2025-11-14 22:32:48 +08:00
parent aa76738b44
commit 8709dda329

View File

@ -1497,9 +1497,9 @@ body {
.settings-menu.tool-menu { .settings-menu.tool-menu {
right: auto; right: auto;
left: 0; left: 0;
min-width: 320px; min-width: 520px;
max-width: 380px; max-width: 580px;
padding: 14px 18px; padding: 16px 20px;
} }
.settings-menu.tool-menu::before { .settings-menu.tool-menu::before {
@ -1516,21 +1516,23 @@ body {
.tool-menu .tool-menu-list { .tool-menu .tool-menu-list {
display: grid; display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(110px, 1fr));
gap: 8px; gap: 12px;
} }
.tool-menu .tool-category-item { .tool-menu .tool-category-item {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: center;
gap: 8px; gap: 10px;
padding: 12px 10px; padding: 14px 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; aspect-ratio: 1 / 1;
min-height: 0;
justify-content: space-between;
} }
.tool-menu .tool-category-item.disabled { .tool-menu .tool-category-item.disabled {
@ -1548,7 +1550,7 @@ body {
justify-content: center; justify-content: center;
gap: 6px; gap: 6px;
text-align: center; text-align: center;
flex-wrap: wrap; white-space: nowrap;
line-height: 1.4; line-height: 1.4;
} }