refine Semi UI vehicle directory

This commit is contained in:
lingniu
2026-07-18 06:47:39 +08:00
parent 4bca0482c1
commit 4b3bb3b3dd
8 changed files with 475 additions and 184 deletions

View File

@@ -2043,6 +2043,105 @@
min-height: 78px;
}
.v2-vehicle-directory-table.semi-table-wrapper {
width: 100%;
overflow-x: auto;
}
.v2-vehicle-directory-table .semi-table {
min-width: 640px;
}
.v2-vehicle-directory-table .semi-table-thead > .semi-table-row > .semi-table-row-head {
height: 38px;
border-bottom-color: #e7edf4;
background: #f7f9fc;
padding-block: 7px;
color: #708096;
font-size: 11px;
font-weight: 650;
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row {
cursor: default;
transition: background-color .15s ease;
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:hover {
background: #f7faff;
}
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row > .semi-table-row-cell {
height: 48px;
border-bottom-color: #edf1f6;
padding-block: 6px;
}
.v2-vehicle-directory-identity {
display: grid;
min-width: 0;
gap: 2px;
}
.v2-vehicle-directory-identity strong {
overflow: hidden;
color: #1b2a3e;
font-size: 14px;
font-weight: 720;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-vehicle-directory-identity small,
.v2-vehicle-directory-status small {
overflow: hidden;
color: #7f8da1;
font-size: 10px;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-vehicle-directory-status {
display: flex;
min-width: 0;
align-items: center;
gap: 8px;
}
.v2-vehicle-directory-status .semi-tag,
.v2-vehicle-directory-protocols .semi-tag {
flex: 0 0 auto;
margin: 0;
}
.v2-vehicle-directory-protocols {
display: flex;
min-width: 0;
align-items: center;
gap: 5px;
color: #8491a3;
font-size: 11px;
}
.v2-vehicle-directory-open.semi-button {
min-width: 82px;
height: 30px;
border-radius: 7px;
font-size: 11px;
}
.v2-vehicle-recent-card > .semi-card-body > .v2-vehicle-directory-pagination {
display: flex;
min-height: 48px;
align-items: center;
justify-content: space-between;
gap: 12px;
border-top: 1px solid #e7edf4;
background: #fbfcfe;
padding: 7px 12px;
}
@media (max-width: 1100px) {
.v2-vehicle-recent-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -2172,6 +2271,19 @@
grid-template-columns: 1fr;
}
.v2-vehicle-recent-card > .semi-card-body > .v2-vehicle-directory-pagination {
min-height: 52px;
padding-inline: 10px;
}
.v2-vehicle-directory-pagination .v2-table-pagination-info {
font-size: 10px;
}
.v2-vehicle-directory-pagination .v2-table-pagination-controls {
margin-left: auto;
}
.v2-track-detail-sidesheet .semi-sidesheet-inner {
overflow: hidden;
border-radius: 18px 18px 0 0;