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:
parent
9d80e32918
commit
008631ed10
File diff suppressed because one or more lines are too long
@ -163,8 +163,8 @@ button:disabled {
|
|||||||
|
|
||||||
.garage-scroll-body {
|
.garage-scroll-body {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-height: 20rem;
|
min-height: clamp(10rem, 20vh, 16rem);
|
||||||
max-height: 24rem;
|
max-height: clamp(12rem, 25vh, 19rem);
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 0.8rem;
|
gap: 0.8rem;
|
||||||
@ -172,7 +172,7 @@ button:disabled {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.garage-detail-body {
|
.garage-detail-body {
|
||||||
padding-top: 0.95rem;
|
padding-top: 0.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.garage-detail-grid {
|
.garage-detail-grid {
|
||||||
@ -195,7 +195,7 @@ button:disabled {
|
|||||||
|
|
||||||
.garage-detail-meta {
|
.garage-detail-meta {
|
||||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 0.7rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.garage-summary-grid {
|
.garage-summary-grid {
|
||||||
@ -209,7 +209,7 @@ button:disabled {
|
|||||||
.garage-search-actions,
|
.garage-search-actions,
|
||||||
.garage-action-row {
|
.garage-action-row {
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
gap: 0.65rem;
|
gap: 0.55rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.garage-category-grid {
|
.garage-category-grid {
|
||||||
@ -235,8 +235,8 @@ button:disabled {
|
|||||||
|
|
||||||
.garage-meter-stack {
|
.garage-meter-stack {
|
||||||
display: grid;
|
display: grid;
|
||||||
gap: 0.75rem;
|
gap: 0.55rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 0.7rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.garage-eyebrow,
|
.garage-eyebrow,
|
||||||
@ -451,8 +451,8 @@ button:disabled {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.garage-btn {
|
.garage-btn {
|
||||||
min-height: 2.75rem;
|
min-height: 2.5rem;
|
||||||
padding: 0.72rem 1rem;
|
padding: 0.62rem 1rem;
|
||||||
border-radius: 0.8rem;
|
border-radius: 0.8rem;
|
||||||
border: 1px solid var(--garage-border-strong);
|
border: 1px solid var(--garage-border-strong);
|
||||||
font-size: 0.82rem;
|
font-size: 0.82rem;
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 203 KiB After Width: | Height: | Size: 194 KiB |
Loading…
x
Reference in New Issue
Block a user