feat: refine vehicle console and self-repair workflow
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user