style(web): update travel request styles

- travel-reimbursement-create-view.css: update travel form styles
- travel-request-detail-view.css: update travel detail styles
This commit is contained in:
caoxiaozhu
2026-05-13 13:10:25 +00:00
parent a6526c5159
commit 97b0851e26
2 changed files with 691 additions and 72 deletions

View File

@@ -38,7 +38,7 @@
.hero-topline {
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
grid-template-columns: minmax(0, 1.18fr) minmax(0, 1.12fr);
gap: 18px;
align-items: center;
padding-bottom: 14px;
@@ -105,7 +105,7 @@
.applicant-meta {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px 14px;
margin-top: 10px;
}
@@ -136,7 +136,7 @@
.hero-stat-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 0;
overflow: hidden;
border: 1px solid #e5eaf0;
@@ -361,8 +361,17 @@
}
.progress-step.done::after { opacity: 1; }
.progress-step.current::after {
right: 50%;
opacity: 1;
}
.progress-step:first-child::before,
.progress-step:first-child::after { left: 50%; }
.progress-step:first-child.done::after { left: 50%; }
.progress-step:first-child.current::after {
left: 50%;
right: 50%;
}
.progress-step:last-child::before,
.progress-step:last-child::after { right: 50%; }