hectorzhao/lislgosms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: unify drainage targets and carrier status UI

Browse Source
This commit is contained in:
hectorzhao
2026-08-28 17:24:01 +08:00
parent 9ac41e9308
commit c68ac7a3db
25 changed files with 265 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/global.css
+54 -5
View File
@@ -8745,8 +8745,8 @@
align-items: center;
display: grid;
gap: 14px;
grid-template-columns: 24px minmax(120px, 1.1fr) minmax(110px, 1fr) 92px 92px 92px 142px minmax(144px, auto);
min-width: 1050px;
grid-template-columns: 24px minmax(120px, 1.05fr) minmax(110px, .85fr) minmax(360px, 2.2fr) 142px minmax(144px, auto);
min-width: 1030px;
}
.client-signature-list-head {
@@ -8804,6 +8804,54 @@
color: var(--primary);
}
.client-carrier-status-group {
display: grid;
gap: 8px;
grid-template-columns: repeat(3, minmax(0, 1fr));
min-width: 0;
}
.client-carrier-status {
align-items: center;
background: #f8faf9;
border: 1px solid #e3e9e6;
border-radius: 8px;
display: grid;
gap: 6px;
grid-template-columns: auto 7px minmax(0, 1fr);
min-height: 34px;
padding: 5px 8px;
}
.client-carrier-status strong {
color: var(--text-secondary);
font-size: 12px;
font-weight: 600;
min-width: 0;
white-space: nowrap;
}
.client-carrier-status__dot {
background: #b5c0bb;
border-radius: 50%;
height: 7px;
width: 7px;
}
.client-carrier-status--available {
background: #f1faf6;
border-color: #cfe8dc;
}
.client-carrier-status--available strong {
color: #176b49;
}
.client-carrier-status--available .client-carrier-status__dot {
background: #24a06b;
box-shadow: 0 0 0 3px rgba(36, 160, 107, .12);
}
.client-signature-inline-reason,
.client-signature-reason,
.client-drainage-reason {
@@ -8855,8 +8903,8 @@
align-items: center;
display: grid;
gap: 14px;
grid-template-columns: minmax(120px, 1fr) minmax(200px, 1.7fr) 92px 92px 92px 142px minmax(144px, auto);
min-width: 980px;
grid-template-columns: minmax(220px, 1.35fr) minmax(360px, 2.2fr) 142px minmax(144px, auto);
min-width: 940px;
}
.client-drainage-table__head {
@@ -8873,8 +8921,9 @@
padding: 9px 14px;
}
.client-drainage-table__row > a {
.client-drainage-target {
color: var(--primary);
font-size: 13px;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;