Tighten garage UI spacing

- Reduce panel, meter, and button spacing in the garage UI
- Update the garage hero image asset
This commit is contained in:
Jacob Schmidt 2026-05-19 19:22:14 -05:00
parent 9d80e32918
commit 008631ed10
3 changed files with 10 additions and 10 deletions

File diff suppressed because one or more lines are too long

View File

@ -163,8 +163,8 @@ button:disabled {
.garage-scroll-body {
flex: 1;
min-height: 20rem;
max-height: 24rem;
min-height: clamp(10rem, 20vh, 16rem);
max-height: clamp(12rem, 25vh, 19rem);
overflow: auto;
display: grid;
gap: 0.8rem;
@ -172,7 +172,7 @@ button:disabled {
}
.garage-detail-body {
padding-top: 0.95rem;
padding-top: 0.75rem;
}
.garage-detail-grid {
@ -195,7 +195,7 @@ button:disabled {
.garage-detail-meta {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-bottom: 1rem;
margin-bottom: 0.7rem;
}
.garage-summary-grid {
@ -209,7 +209,7 @@ button:disabled {
.garage-search-actions,
.garage-action-row {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.65rem;
gap: 0.55rem;
}
.garage-category-grid {
@ -235,8 +235,8 @@ button:disabled {
.garage-meter-stack {
display: grid;
gap: 0.75rem;
margin-bottom: 1rem;
gap: 0.55rem;
margin-bottom: 0.7rem;
}
.garage-eyebrow,
@ -451,8 +451,8 @@ button:disabled {
}
.garage-btn {
min-height: 2.75rem;
padding: 0.72rem 1rem;
min-height: 2.5rem;
padding: 0.62rem 1rem;
border-radius: 0.8rem;
border: 1px solid var(--garage-border-strong);
font-size: 0.82rem;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 203 KiB

After

Width:  |  Height:  |  Size: 194 KiB