refine Semi UI mobile vehicle grants
This commit is contained in:
@@ -14107,3 +14107,80 @@
|
||||
padding-inline: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Semi UI account grants: keep four mobile vehicle grants, paging and history
|
||||
* in one continuous task view without shrinking the actionable controls.
|
||||
*/
|
||||
@media (max-width: 680px) {
|
||||
.v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-content {
|
||||
padding-bottom: 12px;
|
||||
scroll-padding-bottom: 12px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vins {
|
||||
gap: 6px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vins > .v2-assigned-vehicle-card.is-mobile-compact.semi-card {
|
||||
min-height: 88px;
|
||||
padding: 7px 9px;
|
||||
contain-intrinsic-size: auto 88px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact > .semi-card-body > header {
|
||||
min-height: 36px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-actions {
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-actions > .semi-button {
|
||||
min-width: 36px;
|
||||
height: 36px;
|
||||
min-height: 36px;
|
||||
flex-basis: 36px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-actions > .semi-button:first-child {
|
||||
min-width: 72px;
|
||||
height: 36px;
|
||||
padding-inline: 7px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact > .semi-card-body > .v2-assigned-vehicle-interval {
|
||||
gap: 4px;
|
||||
margin-top: 4px;
|
||||
padding-top: 4px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-interval > span {
|
||||
gap: 1px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-pagination {
|
||||
min-height: 42px;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
gap: 6px;
|
||||
margin-top: 3px;
|
||||
padding-top: 3px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-pagination .v2-table-pagination-info {
|
||||
font-size: 9px;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-assigned-pagination .v2-table-pagination-controls {
|
||||
width: auto;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.v2-user-editor-sidesheet .v2-grant-history.semi-collapse {
|
||||
margin-top: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user