refine Semi UI mobile vehicle grants

This commit is contained in:
lingniu
2026-07-18 17:09:58 +08:00
parent f7b523453c
commit dbd1d9d6ca
3 changed files with 81 additions and 2 deletions

View File

@@ -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;
}
}