feat: refine vehicle console and self-repair workflow

This commit is contained in:
vee
2026-08-13 17:38:04 +08:00
parent fd3c219c39
commit 0ec43052f3
20 changed files with 3925 additions and 552 deletions
+38 -25
View File
@@ -109,7 +109,7 @@
}
.v2-extension-mode-switch button {
min-height: 52px;
min-height: var(--v2-sidebar-item-height);
display: grid;
grid-template-columns: 30px minmax(0, 1fr);
align-items: center;
@@ -133,14 +133,15 @@
.v2-extension-mode-switch button:hover {
color: var(--v2-accent-strong);
background: rgba(255, 255, 255, 0.52);
background: color-mix(in srgb, var(--v2-accent-soft) 34%, white);
border-color: color-mix(in srgb, var(--v2-accent) 10%, white);
}
.v2-extension-mode-switch button.active {
color: #111f20;
background: rgba(255, 255, 255, 0.94);
border-color: rgba(255, 255, 255, 0.86);
box-shadow: 0 10px 28px rgba(34, 93, 92, 0.08);
border-color: color-mix(in srgb, var(--v2-accent) 18%, white);
box-shadow: 0 10px 28px color-mix(in srgb, var(--v2-accent) 10%, transparent);
}
.v2-extension-mode-switch button.active svg {
@@ -161,7 +162,7 @@
.v2-extension-config-card {
min-width: 0;
min-height: 43px;
min-height: var(--v2-sidebar-card-height);
display: grid;
grid-template-columns: 28px minmax(0, 1fr) auto;
align-items: center;
@@ -169,7 +170,7 @@
padding: 6px 8px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(255, 255, 255, 0.78);
border-radius: 10px;
border-radius: var(--v2-sidebar-card-radius);
}
.v2-extension-config-card > svg {
@@ -252,11 +253,12 @@
}
.v2-extension-view {
--v2-extension-view-pad: clamp(13px, 1.7vw, 24px);
width: 100%;
height: 100%;
min-width: 0;
min-height: 0;
padding: clamp(13px, 1.7vw, 24px);
padding: var(--v2-module-title-block) var(--v2-extension-view-pad) var(--v2-extension-view-pad);
overflow: hidden;
background:
radial-gradient(circle at 31% -10%, rgba(216, 244, 241, 0.72), transparent 26%),
@@ -295,7 +297,7 @@
align-items: flex-start;
justify-content: space-between;
gap: 20px;
padding: 0 3px;
padding-inline: max(0px, calc(var(--v2-module-title-inline) - var(--v2-extension-view-pad)));
}
.v2-extension-heading h1 {
@@ -866,6 +868,20 @@ button.v2-extension-capability.preview {
border-radius: 11px;
text-align: left;
cursor: pointer;
transition: background 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}
.console-v2[data-module="self-extension"]
.v2-extension-control
.v2-extension-learned-action {
--extension-card-color: var(--v2-accent);
}
.v2-extension-control .v2-extension-learned-action:hover,
.v2-extension-control .v2-extension-learned-action:focus-visible {
background: color-mix(in srgb, var(--v2-accent) 10%, white);
border-color: color-mix(in srgb, var(--v2-accent) 42%, #dce7e4);
box-shadow: 0 5px 14px color-mix(in srgb, var(--v2-accent) 10%, transparent);
}
.v2-extension-learned-action > span {
@@ -1117,13 +1133,9 @@ button.v2-extension-capability.preview {
min-width: 0;
min-height: 0;
display: grid;
grid-template-rows: auto minmax(0, 1fr);
gap: 9px;
padding: clamp(11px, 1.2vw, 16px);
background: rgba(255, 255, 255, 0.96);
border: 1px solid #e1e9e7;
border-radius: 19px;
box-shadow: 0 13px 34px rgba(29, 78, 78, 0.07);
grid-template-rows: minmax(0, 1fr);
overflow: hidden;
border-radius: 17px;
}
.v2-extension-control > .v2-extension-control-grid,
@@ -1132,20 +1144,20 @@ button.v2-extension-capability.preview {
}
.v2-extension-control > .v2-extension-control-grid {
grid-column: 1;
}
.v2-extension-control > .v2-extension-twin-board {
grid-column: 2;
}
.v2-extension-control > #extensionVehicleStateSummary {
.v2-extension-control > .v2-extension-twin-board {
grid-column: 1;
}
.v2-extension-control > #extensionVehicleStateSummary {
grid-column: 2;
grid-row: 4;
}
.v2-extension-control > #extensionRunPlan {
grid-column: 2;
grid-column: 1;
grid-row: 4;
}
@@ -1808,7 +1820,7 @@ form > .v2-extension-primary {
@media (max-height: 820px) {
.console-v2[data-module="self-extension"] .main-panel {
grid-template-rows: 34px minmax(0, 1fr);
grid-template-rows: 36px minmax(0, 1fr);
}
.console-v2[data-module="self-extension"] .v2-extension-sidebar {
@@ -1840,7 +1852,8 @@ form > .v2-extension-primary {
}
.v2-extension-view {
padding: 10px;
--v2-extension-view-pad: 10px;
padding: var(--v2-module-title-block) var(--v2-extension-view-pad) var(--v2-extension-view-pad);
}
.v2-extension-heading h1 {
@@ -1934,8 +1947,8 @@ form > .v2-extension-primary {
}
.v2-extension-twin-board {
gap: 5px;
padding: 7px;
gap: 0;
padding: 0;
}
.v2-extension-run-plan {