YG-Soft/X-Financial
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(web): update view styles

Browse Source 
- audit-view.css: update audit view styles
- requests-view.css: update requests view styles
- travel-reimbursement-create-view.css: update travel form styles
- travel-request-detail-view.css: update travel detail view styles
This commit is contained in:
caoxiaozhu
2026-05-13 03:24:49 +00:00
parent cea8239370
commit 99231f30f1
4 changed files with 357 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
web/src/assets/styles/views/travel-reimbursement-create-view.css
View File

@@ -763,7 +763,7 @@
display: grid;
grid-template-columns: 32px minmax(0, 1fr);
gap: 8px;
align-items: center;
align-items: start;
padding: 12px;
border-radius: 14px;
border: 1px solid rgba(206, 216, 226, 0.88);
@@ -773,6 +773,11 @@
transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}
.review-side-metric-card.invalid {
border-color: rgba(239, 68, 68, 0.34);
background: rgba(254, 242, 242, 0.72);
}
.review-side-metric-card.editable:hover,
.review-side-metric-card.editing {
border-color: rgba(16, 185, 129, 0.34);
@@ -807,6 +812,7 @@
font-size: 13px;
font-weight: 850;
line-height: 1.35;
word-break: break-word;
}
.review-inline-input {
@@ -821,6 +827,12 @@
font-weight: 700;
}
.review-inline-input.invalid {
border-color: rgba(239, 68, 68, 0.4);
color: #b91c1c;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.08);
}
.review-inline-input:focus {
outline: none;
border-color: rgba(16, 185, 129, 0.42);
@@ -853,6 +865,13 @@
color: #047857;
}
.review-inline-error {
color: #dc2626;
font-size: 11px;
font-weight: 800;
line-height: 1.45;
}
.review-side-edit-hint {
position: absolute;
top: 8px;
@@ -901,16 +920,17 @@
.review-side-category-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.review-side-category-card {
display: flex;
align-items: center;
align-items: flex-start;
justify-content: space-between;
gap: 8px;
padding: 12px;
min-height: 66px;
border-radius: 14px;
border: 1px solid rgba(226, 232, 240, 0.94);
background: rgba(255, 255, 255, 0.68);
@@ -927,18 +947,21 @@
.review-side-category-copy {
display: grid;
gap: 4px;
min-width: 0;
}
.review-side-category-copy strong {
color: #0f172a;
font-size: 13px;
font-size: 12px;
font-weight: 850;
line-height: 1.35;
white-space: nowrap;
}
.review-side-category-copy p {
margin: 0;
color: #64748b;
font-size: 11px;
font-size: 10px;
line-height: 1.4;
}
@@ -984,6 +1007,10 @@
font-weight: 900;
}
.review-side-risk-score.empty {
color: #94a3b8;
}
.review-side-risk-summary {
margin: 0;
color: #334155;
@@ -1018,6 +1045,40 @@
opacity: 0.5;
}
.review-side-empty {
display: grid;
justify-items: start;
gap: 8px;
padding: 14px;
border: 1px dashed rgba(203, 213, 225, 0.92);
border-radius: 16px;
background: rgba(255, 255, 255, 0.52);
}
.review-side-empty-icon {
width: 36px;
height: 36px;
display: grid;
place-items: center;
border-radius: 12px;
background: rgba(240, 244, 248, 0.96);
color: #94a3b8;
font-size: 18px;
}
.review-side-empty strong {
color: #475569;
font-size: 13px;
font-weight: 850;
}
.review-side-empty p {
margin: 0;
color: #94a3b8;
font-size: 12px;
line-height: 1.6;
}
.review-side-save-pill {
position: sticky;
bottom: 0;