style(web): update travel reimbursement create view styles

- travel-reimbursement-create-view.css: update travel form styles
This commit is contained in:
caoxiaozhu
2026-05-13 13:20:24 +00:00
parent bc7aff8858
commit 14379c4e59

View File

@@ -1788,6 +1788,14 @@
margin-top: 12px; margin-top: 12px;
} }
.review-summary {
margin: 0;
color: #1f2937;
font-size: 13px;
line-height: 1.75;
white-space: pre-line;
}
.review-card-shell { .review-card-shell {
display: grid; display: grid;
gap: 12px; gap: 12px;
@@ -1807,6 +1815,84 @@
border-top: 1px solid rgba(226, 232, 240, 0.72); border-top: 1px solid rgba(226, 232, 240, 0.72);
} }
.review-disclosure-card {
display: grid;
gap: 0;
border-top: 1px solid rgba(226, 232, 240, 0.72);
padding-top: 6px;
}
.review-disclosure-card summary {
list-style: none;
}
.review-disclosure-card summary::-webkit-details-marker {
display: none;
}
.review-disclosure-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 10px 12px;
border-radius: 16px;
border: 1px solid rgba(226, 232, 240, 0.92);
background: rgba(255, 255, 255, 0.78);
cursor: pointer;
transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}
.review-disclosure-summary:hover {
border-color: rgba(16, 185, 129, 0.2);
background: rgba(255, 255, 255, 0.92);
box-shadow: 0 6px 16px rgba(226, 232, 240, 0.24);
}
.review-disclosure-copy {
min-width: 0;
display: grid;
gap: 4px;
}
.review-disclosure-copy strong {
color: #0f172a;
font-size: 12px;
font-weight: 900;
line-height: 1.4;
}
.review-disclosure-copy p {
margin: 0;
color: #64748b;
font-size: 11px;
line-height: 1.55;
}
.review-disclosure-toggle {
width: 28px;
height: 28px;
flex: none;
display: grid;
place-items: center;
border-radius: 999px;
background: rgba(240, 253, 244, 0.86);
color: #059669;
font-size: 16px;
transition: transform 0.18s ease, background 0.18s ease;
}
.review-disclosure-card[open] .review-disclosure-toggle {
transform: rotate(180deg);
background: rgba(220, 252, 231, 0.92);
}
.review-disclosure-body {
display: grid;
gap: 10px;
padding: 12px 4px 0;
}
.review-card-head { .review-card-head {
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
@@ -1954,6 +2040,43 @@
color: #047857; color: #047857;
} }
.review-risk-brief-list {
display: grid;
gap: 8px;
}
.review-risk-brief {
display: grid;
gap: 4px;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid rgba(226, 232, 240, 0.9);
background: rgba(255, 255, 255, 0.84);
}
.review-risk-brief strong {
color: #0f172a;
font-size: 12px;
font-weight: 850;
}
.review-risk-brief p {
margin: 0;
color: #475569;
font-size: 11px;
line-height: 1.6;
}
.review-risk-brief.warning {
border-color: rgba(251, 146, 60, 0.22);
background: rgba(255, 247, 237, 0.88);
}
.review-risk-brief.high {
border-color: rgba(248, 113, 113, 0.26);
background: rgba(254, 242, 242, 0.92);
}
.review-pending-list { .review-pending-list {
display: grid; display: grid;
gap: 8px; gap: 8px;