Fix route builder: remove stray hero border line and bottom-align field labels
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
parent
449297a35d
commit
cc047dd867
|
|
@ -207,7 +207,6 @@
|
||||||
.guide-landing { font-family: 'Inter', sans-serif; }
|
.guide-landing { font-family: 'Inter', sans-serif; }
|
||||||
.guide-landing-hero {
|
.guide-landing-hero {
|
||||||
background: linear-gradient(180deg, #F5FAFB 0%, #FFFFFF 100%);
|
background: linear-gradient(180deg, #F5FAFB 0%, #FFFFFF 100%);
|
||||||
border-bottom: 1px solid #EAECF0;
|
|
||||||
padding: 72px 24px 56px;
|
padding: 72px 24px 56px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
@ -619,10 +618,19 @@
|
||||||
.guide-route-grid {
|
.guide-route-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
||||||
gap: 14px;
|
gap: 14px 16px;
|
||||||
|
align-items: end;
|
||||||
|
}
|
||||||
|
.guide-field { display: flex; flex-direction: column; gap: 6px; justify-content: flex-end; }
|
||||||
|
.guide-field label {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #344054;
|
||||||
|
line-height: 1.3;
|
||||||
|
min-height: calc(2 * 1.3em);
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
}
|
}
|
||||||
.guide-field { display: flex; flex-direction: column; gap: 6px; }
|
|
||||||
.guide-field label { font-size: 13px; font-weight: 600; color: #344054; }
|
|
||||||
.guide-field select {
|
.guide-field select {
|
||||||
appearance: none;
|
appearance: none;
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue