refine Semi UI vehicle workspace
This commit is contained in:
@@ -1983,10 +1983,11 @@
|
||||
align-content: start;
|
||||
place-items: start center;
|
||||
gap: 12px;
|
||||
overflow: auto;
|
||||
overflow: visible;
|
||||
padding: 16px var(--v2-page-gutter) 28px;
|
||||
}
|
||||
|
||||
.v2-vehicle-discovery-shell,
|
||||
.v2-vehicle-search-page > .v2-page-heading,
|
||||
.v2-vehicle-search-page > .v2-mobile-filter-toggle,
|
||||
.v2-vehicle-search-page > .v2-vehicle-query-panel,
|
||||
@@ -1996,6 +1997,32 @@
|
||||
width: min(1280px, 100%);
|
||||
}
|
||||
|
||||
.v2-vehicle-discovery-shell {
|
||||
display: grid;
|
||||
overflow: visible;
|
||||
gap: 0;
|
||||
border: 1px solid #dce4ee;
|
||||
border-radius: 14px;
|
||||
background: #fff;
|
||||
box-shadow: 0 9px 28px rgba(31, 53, 80, .055);
|
||||
}
|
||||
|
||||
.v2-vehicle-discovery-shell > .v2-workspace-command-bar {
|
||||
width: 100%;
|
||||
min-height: 50px;
|
||||
border: 0;
|
||||
border-bottom: 1px solid #e6ecf3;
|
||||
border-radius: 14px 14px 0 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.v2-vehicle-discovery-shell > .v2-vehicle-query-panel.semi-card {
|
||||
width: 100%;
|
||||
border: 0;
|
||||
border-radius: 0 0 14px 14px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.v2-vehicle-query-panel.v2-workspace-filter-panel.semi-card {
|
||||
overflow: visible;
|
||||
}
|
||||
@@ -2062,27 +2089,35 @@
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row {
|
||||
cursor: default;
|
||||
cursor: pointer;
|
||||
transition: background-color .15s ease;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:hover {
|
||||
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:hover,
|
||||
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:focus-visible {
|
||||
background: #f7faff;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-table .semi-table-tbody > .semi-table-row:focus-visible {
|
||||
outline: 2px solid rgba(18, 104, 243, .28);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.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 {
|
||||
.v2-vehicle-directory-identity,
|
||||
.v2-vehicle-directory-profile {
|
||||
display: grid;
|
||||
min-width: 0;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-identity strong {
|
||||
.v2-vehicle-directory-identity strong,
|
||||
.v2-vehicle-directory-profile strong {
|
||||
overflow: hidden;
|
||||
color: #1b2a3e;
|
||||
font-size: 14px;
|
||||
@@ -2091,7 +2126,14 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-profile strong {
|
||||
color: #40536a;
|
||||
font-size: 11px;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-identity small,
|
||||
.v2-vehicle-directory-profile small,
|
||||
.v2-vehicle-directory-status small {
|
||||
overflow: hidden;
|
||||
color: #7f8da1;
|
||||
@@ -2101,6 +2143,16 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-summary {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-summary > .semi-tag {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-status {
|
||||
display: flex;
|
||||
min-width: 0;
|
||||
@@ -2148,6 +2200,11 @@
|
||||
}
|
||||
|
||||
.v2-vehicle-record-page {
|
||||
overflow: visible !important;
|
||||
overflow-anchor: none;
|
||||
}
|
||||
|
||||
.v2-content {
|
||||
overflow-anchor: none;
|
||||
}
|
||||
|
||||
@@ -2236,9 +2293,14 @@
|
||||
@media (max-width: 700px) {
|
||||
.v2-vehicle-search-page {
|
||||
gap: 8px;
|
||||
overflow: visible;
|
||||
padding: 9px 8px 92px;
|
||||
}
|
||||
|
||||
.v2-vehicle-discovery-shell {
|
||||
display: contents;
|
||||
}
|
||||
|
||||
.v2-vehicle-command-bar.is-mobile-admin {
|
||||
min-height: 50px;
|
||||
border-color: #dce6f2;
|
||||
@@ -2309,6 +2371,10 @@
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.v2-vehicle-directory-summary > .is-secondary {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v2-track-detail-sidesheet .semi-sidesheet-inner {
|
||||
overflow: hidden;
|
||||
border-radius: 18px 18px 0 0;
|
||||
|
||||
Reference in New Issue
Block a user