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

refine Semi UI identity permissions

Browse Source
This commit is contained in:
lingniu
2026-07-18 17:20:25 +08:00
parent dbd1d9d6ca
commit 29b9ce9594
3 changed files with 303 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14184,3 +14184,252 @@
margin-top: 6px;
}
}
/*
* Semi UI account identity and menu permissions: one shared hierarchy from
* account context to editable groups and the resulting customer workspace.
*/
.v2-user-editor-sidesheet .v2-user-identity-section > .semi-card-body,
.v2-user-editor-sidesheet .v2-user-menu-section > .semi-card-body {
display: grid;
gap: 12px;
}
.v2-user-identity-overview {
display: grid;
overflow: hidden;
grid-template-columns: repeat(3, minmax(0, 1fr));
border: 1px solid #dbe5f0;
border-radius: 10px;
background: linear-gradient(115deg, #f5f9ff 0%, #fbfdff 58%, #f7fbfa 100%);
}
.v2-user-identity-overview > div {
display: flex;
min-width: 0;
min-height: 70px;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 12px 14px;
}
.v2-user-identity-overview > div + div {
border-left: 1px solid #e1e9f2;
}
.v2-user-identity-overview > div > span,
.v2-user-field-group > header > span {
display: grid;
min-width: 0;
gap: 3px;
}
.v2-user-identity-overview small,
.v2-user-field-group > header small,
.v2-user-menu-overview small {
color: #7c8ca0;
font-size: 10px;
line-height: 1.45;
}
.v2-user-identity-overview strong {
overflow: hidden;
color: #243b54;
font-size: 14px;
line-height: 1.45;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-user-identity-overview .semi-tag,
.v2-user-field-group > header .semi-tag,
.v2-user-menu-overview > .semi-tag,
.v2-menu-permission-state.semi-tag {
min-height: 22px;
flex: 0 0 auto;
justify-content: center;
border-radius: 999px;
font-size: 9px;
font-weight: 700;
}
.v2-user-field-group {
overflow: hidden;
border: 1px solid #e1e8f0;
border-radius: 10px;
background: #fff;
}
.v2-user-field-group > header {
display: flex;
min-height: 52px;
align-items: center;
justify-content: space-between;
gap: 12px;
border-bottom: 1px solid #e8edf3;
background: #fbfcfe;
padding: 9px 12px;
}
.v2-user-field-group > header strong {
color: #31465e;
font-size: 12px;
}
.v2-user-field-group > .v2-user-fields {
gap: 12px;
padding: 12px;
}
.v2-user-menu-overview {
display: grid;
min-height: 76px;
grid-template-columns: 116px minmax(0, 1fr) auto;
align-items: center;
gap: 16px;
border: 1px solid #d8e5f4;
border-radius: 10px;
background: linear-gradient(115deg, #edf5ff 0%, #f8fbff 62%, #f6fbf8 100%);
padding: 11px 14px;
}
.v2-user-menu-overview > span,
.v2-user-menu-overview > p {
display: grid;
min-width: 0;
gap: 3px;
margin: 0;
}
.v2-user-menu-overview > span {
border-right: 1px solid #d8e4f1;
}
.v2-user-menu-overview > span strong {
color: #1268f3;
font-size: 24px;
line-height: 1;
}
.v2-user-menu-overview > span i {
color: #74869b;
font-size: 11px;
font-style: normal;
font-weight: 600;
}
.v2-user-menu-overview > p b {
color: #2d435b;
font-size: 12px;
}
.v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions label {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
align-items: center;
gap: 11px;
}
.v2-menu-permission-copy {
align-self: center;
}
.v2-menu-permission-state.semi-tag {
min-width: 50px;
}
@media (max-width: 680px) {
.v2-user-editor-sidesheet .v2-user-identity-section > .semi-card-header,
.v2-user-editor-sidesheet .v2-user-menu-section > .semi-card-header {
min-height: 42px;
}
.v2-user-editor-sidesheet .v2-user-identity-section > .semi-card-body,
.v2-user-editor-sidesheet .v2-user-menu-section > .semi-card-body {
gap: 8px;
padding: 8px;
}
.v2-user-identity-overview {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.v2-user-identity-overview > div {
min-height: 58px;
padding: 8px 9px;
}
.v2-user-identity-overview > div:nth-child(3) {
grid-column: 1 / -1;
border-top: 1px solid #e1e9f2;
border-left: 0;
}
.v2-user-identity-overview strong {
font-size: 12px;
}
.v2-user-identity-overview .semi-tag {
min-width: 44px;
padding-inline: 6px;
}
.v2-user-field-group > header {
min-height: 46px;
padding: 7px 9px;
}
.v2-user-field-group > header small {
overflow: hidden;
max-width: 245px;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-user-field-group > .v2-user-fields {
grid-template-columns: minmax(0, 1fr);
gap: 8px;
padding: 9px;
}
.v2-user-menu-overview {
min-height: 70px;
grid-template-columns: 74px minmax(0, 1fr);
gap: 9px;
padding: 9px 10px;
}
.v2-user-menu-overview > span strong {
font-size: 21px;
}
.v2-user-menu-overview > p b {
font-size: 11px;
}
.v2-user-menu-overview > p small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-user-menu-overview > .semi-tag {
display: none;
}
.v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions {
gap: 7px;
}
.v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions label {
min-height: 68px;
gap: 8px;
padding: 10px;
}
.v2-menu-permission-state.semi-tag {
min-width: 46px;
padding-inline: 6px;
}
}