refine Semi UI account governance
This commit is contained in:
lingniu
@@ -10096,6 +10096,369 @@
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Semi UI account governance refinement.
|
||||
* Raise the reading scale to the same level as monitoring and operations,
|
||||
* while making draft/save state and destructive scope changes unmistakable.
|
||||
*/
|
||||
.v2-user-command-bar .v2-workspace-command-copy > .semi-typography:first-child {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.v2-user-command-bar .v2-workspace-command-copy > .semi-typography:last-child {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-discovery-shell .v2-user-filter-form {
|
||||
min-height: 60px;
|
||||
padding: 9px 10px;
|
||||
}
|
||||
|
||||
.v2-user-filter-form :is(.semi-input-wrapper, .semi-select),
|
||||
.v2-user-filter-reset.semi-button {
|
||||
min-height: 42px;
|
||||
}
|
||||
|
||||
.v2-user-filter-form .semi-input,
|
||||
.v2-user-filter-form .semi-select-selection {
|
||||
min-height: 40px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-directory-header.v2-workspace-panel-header {
|
||||
min-height: 64px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.v2-user-directory-header .v2-workspace-panel-copy strong {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.v2-user-directory-header .v2-workspace-panel-copy small {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-directory-summary > .semi-tag,
|
||||
.v2-user-directory-summary > .semi-typography {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-directory-columns {
|
||||
min-height: 38px;
|
||||
color: #748397;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-customer-list .v2-user-list-row.semi-list-item,
|
||||
.v2-customer-list .v2-user-list-item.semi-button {
|
||||
min-height: 72px;
|
||||
}
|
||||
|
||||
.v2-customer-list .v2-user-list-item.semi-button {
|
||||
padding-block: 9px;
|
||||
}
|
||||
|
||||
.v2-user-avatar.semi-avatar {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.v2-customer-list .v2-user-list-item .semi-button-content,
|
||||
.v2-user-directory-columns {
|
||||
grid-template-columns: 40px minmax(180px, 1.45fr) minmax(76px, .45fr) minmax(76px, .45fr) minmax(160px, .9fr) auto;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.v2-user-list-identity b {
|
||||
color: #20364e;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.v2-user-list-identity small {
|
||||
color: #728197;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-list-facts b {
|
||||
color: #3f536b;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.v2-user-list-facts.is-login b {
|
||||
color: #5d7088;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-status-tag.semi-tag {
|
||||
min-width: 46px;
|
||||
min-height: 24px;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .semi-sidesheet-inner {
|
||||
width: min(900px, 100vw) !important;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .semi-sidesheet-header {
|
||||
min-height: 82px;
|
||||
padding: 14px 20px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-title strong {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-title small {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-title .v2-user-status {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-bar {
|
||||
min-height: 56px;
|
||||
padding-inline: 20px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-bar .semi-tabs-tab {
|
||||
min-height: 55px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-content {
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-header {
|
||||
min-height: 50px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-header .semi-card-header-wrapper-title h6,
|
||||
.v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-header .semi-card-header-wrapper-title > span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-body {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-fields label,
|
||||
.v2-user-editor-sidesheet .v2-vehicle-permission-tools label {
|
||||
color: #52657d;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-fields .semi-input-wrapper,
|
||||
.v2-user-editor-sidesheet .v2-vehicle-permission-tools .semi-input-wrapper,
|
||||
.v2-user-editor-sidesheet .v2-bulk-vin > .semi-button {
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-fields .semi-input,
|
||||
.v2-user-editor-sidesheet .v2-vehicle-permission-tools .semi-input {
|
||||
height: 40px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions label {
|
||||
min-height: 78px;
|
||||
padding: 14px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions b {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions small {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-toolbar strong {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-toolbar small {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-toolbar .semi-input {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vins > .v2-assigned-vehicle-card.semi-card {
|
||||
min-height: 108px;
|
||||
border-color: #dfe7f0;
|
||||
background: #fff;
|
||||
padding: 12px 13px;
|
||||
contain-intrinsic-size: auto 108px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card > .semi-card-body > header b {
|
||||
color: #243b54;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card > .semi-card-body > header small {
|
||||
color: #7c8ca0;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-interval small {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-interval strong {
|
||||
color: #425970;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-save-state {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
.v2-user-save-state > .semi-tag {
|
||||
min-width: 50px;
|
||||
min-height: 24px;
|
||||
flex: 0 0 auto;
|
||||
justify-content: center;
|
||||
border-radius: 999px;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.v2-user-save-state .v2-user-feedback.semi-typography {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
font-size: 11px;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-footer > .semi-button:disabled {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@media (max-width: 980px) and (min-width: 681px) {
|
||||
.v2-customer-list .v2-user-list-item .semi-button-content,
|
||||
.v2-user-directory-columns {
|
||||
grid-template-columns: 40px minmax(160px, 1fr) 76px 76px auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.v2-user-command-bar .v2-workspace-command-copy > .semi-typography:first-child {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-directory-header .v2-workspace-panel-copy strong {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.v2-customer-list .v2-user-list-row.semi-list-item,
|
||||
.v2-customer-list .v2-user-list-item.semi-button {
|
||||
min-height: 78px;
|
||||
}
|
||||
|
||||
.v2-customer-list .v2-user-list-item .semi-button-content {
|
||||
grid-template-columns: 38px minmax(0, 1fr) 62px auto;
|
||||
gap: 4px 8px;
|
||||
}
|
||||
|
||||
.v2-user-avatar.semi-avatar {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-list-identity b {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.v2-user-list-identity small {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-list-facts small {
|
||||
color: #8190a3;
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.v2-user-list-facts b {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .semi-sidesheet-header {
|
||||
min-height: 70px;
|
||||
padding: 10px 11px 10px 13px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-title strong {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-title small {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-bar .semi-tabs-tab {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-content {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-toolbar strong {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vins > .v2-assigned-vehicle-card.semi-card {
|
||||
min-height: 106px;
|
||||
padding: 10px 11px;
|
||||
contain-intrinsic-size: auto 106px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card > .semi-card-body > header b {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card > .semi-card-body > header small {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-interval small {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-interval strong {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-footer {
|
||||
display: grid;
|
||||
grid-template-columns: auto minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.v2-user-save-state .v2-user-feedback.semi-typography {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v2-user-editor-sheet-footer > .semi-button {
|
||||
grid-column: 2;
|
||||
}
|
||||
}
|
||||
|
||||
/* Semi UI workspace migration: global monitor command bar and fleet overview. */
|
||||
.v2-filterbar.semi-card {
|
||||
border-color: #dce5ef;
|
||||
|
||||
Reference in New Issue
Block a user