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 {
|
||||
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 |
Loading…
x
Reference in New Issue
Block a user