refine Semi UI vehicle directory
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user