shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine Semi UI access governance

Browse Source
This commit is contained in:
lingniu
2026-07-18 19:12:07 +08:00
parent 84684f2dc1
commit 5d4aa92cc1
3 changed files with 327 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
vehicle-data-platform/apps/web/src/v2/styles/workspace.css
View File

@@ -1768,6 +1768,21 @@
font-variant-numeric: tabular-nums;
}
.v2-access-governance-summary span {
color: #8a97a8;
font-size: 9px;
font-weight: 650;
}
.v2-access-governance-summary .is-attention {
background: linear-gradient(135deg, #fffaf3 0%, #fff4e7 100%);
}
.v2-access-governance-summary .is-attention strong,
.v2-access-governance-summary .is-attention span {
color: #b8670b;
}
.v2-access-governance .v2-access-identity-queue-v3,
.v2-access-governance .v2-access-settings {
border-radius: 10px;
@@ -1778,9 +1793,13 @@
grid-template-columns: 1fr;
}
.v2-access-governance .v2-access-identity-grid {
grid-template-columns: minmax(0, 1fr);
}
.v2-access-governance .v2-access-settings fieldset {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-columns: minmax(0, 1fr);
}
.v2-access-governance .v2-access-settings label,
@@ -1795,6 +1814,197 @@
grid-column: 1 / -1;
}
.v2-access-identity-card header > span {
display: grid;
min-width: 0;
gap: 3px;
}
.v2-access-identity-card header small,
.v2-access-identity-facts small,
.v2-access-identity-card footer small {
color: #8a97a8;
font-size: 9px;
font-weight: 500;
}
.v2-access-identity-facts {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: hidden;
border: 1px solid #e7edf4;
border-radius: 7px;
background: #fff;
}
.v2-access-identity-facts > span {
display: grid;
min-width: 0;
gap: 4px;
padding: 8px 9px;
}
.v2-access-identity-facts > span + span {
border-left: 1px solid #e7edf4;
}
.v2-access-identity-facts strong {
overflow: hidden;
color: #42546b;
font-size: 10px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-access-identity-card footer {
display: grid;
gap: 3px;
border-top: 1px solid #e7edf4;
padding-top: 8px;
}
.v2-access-identity-card footer strong {
color: #53677f;
font-size: 10px;
font-weight: 650;
line-height: 1.45;
}
.v2-access-identity-more {
margin: 0;
border-top: 1px solid #e7edf4;
background: #fbfcfe;
padding: 9px 12px;
color: #7f8d9f;
font-size: 9px;
line-height: 1.5;
}
.v2-access-threshold-group {
display: grid;
gap: 10px;
border: 1px solid #e1e8f1;
border-radius: 9px;
background: #fbfcfe;
padding: 11px;
}
.v2-access-threshold-group > header {
display: flex;
min-width: 0;
align-items: flex-end;
justify-content: space-between;
gap: 12px;
}
.v2-access-threshold-group > header strong {
color: #34475e;
font-size: 11px;
}
.v2-access-threshold-group > header small {
overflow: hidden;
color: #8794a6;
font-size: 9px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-access-threshold-fields {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 9px;
}
.v2-access-threshold-fields > span {
display: contents;
}
.v2-access-settings .v2-access-threshold-fields label {
display: grid;
min-width: 0;
gap: 6px;
border: 1px solid #e5ebf2;
border-radius: 8px;
background: #fff;
padding: 9px;
}
.v2-access-settings .v2-access-threshold-fields label > span {
display: grid;
min-width: 0;
gap: 2px;
}
.v2-access-settings .v2-access-threshold-fields label b {
overflow: hidden;
color: #4a5c74;
font-size: 10px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-access-settings .v2-access-threshold-fields label small {
overflow: hidden;
color: #8b97a8;
font-size: 8px;
font-weight: 400;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-access-settings .v2-access-threshold-fields label > .semi-input-wrapper {
width: 100%;
}
.v2-access-settings .v2-access-threshold-fields label > em {
color: #63758c;
font-size: 9px;
font-style: normal;
font-variant-numeric: tabular-nums;
}
.v2-access-threshold-error {
margin: 0;
border: 1px solid #f1d0cd;
border-radius: 8px;
background: #fff6f5;
padding: 9px 11px;
color: #b54840;
font-size: 10px;
}
.v2-access-threshold-footer {
display: flex;
min-width: 0;
align-items: center;
justify-content: space-between;
gap: 12px;
border-top: 1px solid #e4eaf2;
padding-top: 2px;
}
.v2-access-threshold-footer > span {
display: grid;
min-width: 0;
gap: 3px;
}
.v2-access-threshold-footer strong {
color: #43566e;
font-size: 10px;
}
.v2-access-threshold-footer small {
color: #8794a6;
font-size: 9px;
}
.v2-access-threshold-footer > .semi-button {
min-width: 108px;
flex: 0 0 auto;
}
@media (max-width: 1180px) {
.v2-alert-filter.v2-alert-filter-primary {
grid-template-columns: minmax(250px, 1.35fr) minmax(130px, .65fr) minmax(140px, .7fr) auto auto auto;
@@ -9760,6 +9970,7 @@
}
.v2-access-table-scroll-v3 table {
width: max(100%, 1005px) !important;
min-width: 1005px;
}
@@ -10400,6 +10611,64 @@
font-size: 16px;
}
.v2-access-governance {
gap: 9px;
}
.v2-access-governance .v2-access-identity-queue-v3 .semi-collapse-header,
.v2-access-governance .v2-access-settings .semi-collapse-header {
min-height: 58px;
}
.v2-access-governance .v2-access-collapse-title small {
max-width: 245px;
}
.v2-access-identity-facts strong,
.v2-access-identity-card footer strong {
font-size: 11px;
}
.v2-access-threshold-group {
gap: 8px;
padding: 9px;
}
.v2-access-threshold-group > header {
align-items: flex-start;
flex-direction: column;
gap: 3px;
}
.v2-access-threshold-fields {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 7px;
}
.v2-access-settings .v2-access-threshold-fields label {
gap: 5px;
padding: 8px;
}
.v2-access-settings .v2-access-threshold-fields label > .semi-input-wrapper {
height: 38px;
}
.v2-access-settings .v2-access-threshold-fields label .semi-input {
height: 36px;
font-size: 11px;
}
.v2-access-threshold-footer {
align-items: stretch;
flex-direction: column;
}
.v2-access-threshold-footer > .semi-button {
width: 100%;
min-height: 40px;
}
.v2-access-detail-sidesheet .v2-access-protocol-details.semi-card-group {
display: grid;
grid-template-columns: minmax(0, 1fr);