shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(ui): refine semi mobile workspace launcher

Browse Source
This commit is contained in:
lingniu
2026-07-19 21:40:31 +08:00
parent d0c2bb3316
commit f8baaf53ba
4 changed files with 201 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

127
vehicle-data-platform/apps/web/src/v2/styles/workspace.css
View File

@@ -22476,11 +22476,138 @@
padding: 8px 9px 10px;
}
.v2-mobile-more-sidesheet .v2-mobile-more-groups {
gap: 14px;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section {
overflow: visible;
border: 0;
border-radius: 0;
background: transparent;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section > header {
min-height: 38px;
border: 0;
padding: 2px 2px 7px;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section > header strong {
color: #1f3047;
font-size: 12px;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section > header span {
font-size: 9px;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section > nav,
.v2-mobile-more-sidesheet .v2-mobile-more-section:first-child > nav {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
padding: 0;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section .v2-mobile-nav-item.v2-mobile-more-item {
display: grid;
min-height: 68px;
grid-template-columns: 34px minmax(0, 1fr) 12px;
align-items: center;
justify-content: initial;
gap: 8px;
border: 1px solid #e0e7f0;
border-radius: 12px;
background: #fff;
padding: 10px;
color: #506178;
text-align: left;
box-shadow: 0 5px 16px rgba(31, 54, 83, .045);
}
.v2-mobile-more-sidesheet .v2-mobile-more-section .v2-mobile-nav-item.v2-mobile-more-item:hover,
.v2-mobile-more-sidesheet .v2-mobile-more-section .v2-mobile-nav-item.v2-mobile-more-item:active {
border-color: #cbdaf0;
background: #f8fbff;
}
.v2-mobile-more-sidesheet .v2-mobile-more-section .v2-mobile-nav-item.v2-mobile-more-item.is-active {
border-color: #a9c9fb;
background: #eef5ff;
color: #1268f3;
box-shadow: 0 7px 20px rgba(18, 104, 243, .1);
}
.v2-mobile-more-sidesheet .v2-mobile-more-item.is-active::after {
display: none;
}
.v2-mobile-more-item-icon {
display: grid;
width: 34px;
height: 34px;
place-items: center;
border: 1px solid #dce7f6;
border-radius: 10px;
background: #f3f7fc;
color: #58708d;
font-size: 16px;
}
.v2-mobile-more-item.is-active .v2-mobile-more-item-icon {
border-color: #c8dcfb;
background: #fff;
color: #1268f3;
}
.v2-mobile-more-item-copy {
display: grid;
min-width: 0;
gap: 3px;
}
.v2-mobile-more-item-copy strong,
.v2-mobile-more-item-copy small {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.v2-mobile-more-item-copy strong {
color: #263951;
font-size: 11px;
font-weight: 750;
line-height: 1.2;
}
.v2-mobile-more-item-copy small {
color: #8794a7;
font-size: 8px;
line-height: 1.25;
}
.v2-mobile-more-item.is-active .v2-mobile-more-item-copy strong {
color: #1268f3;
}
.v2-mobile-more-item-chevron {
color: #a5b0bf;
font-size: 11px;
}
.v2-vehicle-mobile-actions-sidesheet .v2-workspace-config-content {
padding: 9px 11px;
}
}
@media (max-width: 600px) {
:root .v2-mobile-navigation .v2-mobile-nav-item > span,
:root .v2-mobile-navigation > .semi-button.v2-mobile-nav-item .semi-button-content {
font-size: 10px;
letter-spacing: .01em;
}
}
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-workspace-action-sidesheet.v2-vehicle-mobile-actions-sidesheet.semi-sidesheet-bottom .semi-sidesheet-inner {
height: min(100dvh, 380px) !important;