Compact gear cards and add dual pet stats

This commit is contained in:
Jan Bader
2026-06-16 15:19:30 +02:00
parent befcba3442
commit 01fbc347d3
3 changed files with 51 additions and 35 deletions
+7 -16
View File
@@ -35,7 +35,7 @@ button, input, select, textarea {
border-radius: 0.75rem;
color: var(--text);
background: rgba(255, 255, 255, 0.06);
padding: 0.7rem 0.85rem;
padding: 0.58rem 0.7rem;
}
button {
@@ -177,23 +177,14 @@ h3 { margin-bottom: 0; }
.section-heading { margin: 1.5rem 0 1rem; }
.section-heading p { color: var(--muted); }
.gear-grid { grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); padding-bottom: 3rem; }
.gear-card { display: grid; gap: 0.85rem; }
.gear-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); padding-bottom: 3rem; }
.gear-card { display: grid; gap: 0.6rem; padding: 0.8rem; }
.gear-title-row { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.gear-title-row h3 { font-size: 1rem; }
.piece-score { color: var(--accent); font-weight: 800; }
.fixed-badge {
border: 1px solid rgba(125, 211, 252, 0.35);
border-radius: 999px;
color: var(--accent);
background: rgba(125, 211, 252, 0.08);
padding: 0.25rem 0.5rem;
font-size: 0.75rem;
font-weight: 800;
white-space: nowrap;
}
.inline-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.effects { display: grid; gap: 0.75rem; }
.effect-row { display: grid; grid-template-columns: 1fr 110px; gap: 0.75rem; align-items: end; }
.inline-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.effects { display: grid; gap: 0.5rem; }
.effect-row { display: grid; grid-template-columns: minmax(0, 1fr) 88px; gap: 0.5rem; align-items: end; }
.cap-hint { color: var(--muted); font-size: 0.8rem; margin-top: 0.2rem; }
@media (max-width: 900px) {