优化后端
This commit is contained in:
@@ -9637,6 +9637,87 @@ body.device-power-drawer-open {
|
||||
border-left-color: color-mix(in oklch, var(--primary) 52%, var(--border));
|
||||
}
|
||||
|
||||
/* Unified homepage header: panel controls and function modes share one row. */
|
||||
.console-v2.v2-passive-display.v2-interactive-sync .main-panel {
|
||||
grid-template-rows: auto minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.console-v2.v2-passive-display.v2-interactive-sync .main-panel > .v2-mode-rail {
|
||||
grid-column: 1 / -1;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
.console-v2.v2-passive-display.v2-interactive-sync .main-panel > .v2-output-shell {
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.console-v2 .main-panel > .v2-mode-rail > .mode-rail-bar {
|
||||
grid-template-columns: auto auto minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
.console-v2.v2-passive-display.v2-interactive-sync .main-panel > .v2-mode-rail .v2-module-switcher {
|
||||
width: auto;
|
||||
min-width: max-content;
|
||||
min-height: 0;
|
||||
position: static;
|
||||
inset: auto;
|
||||
z-index: auto;
|
||||
display: block;
|
||||
grid-column: auto;
|
||||
grid-row: auto;
|
||||
gap: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: visible;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
box-shadow: none;
|
||||
backdrop-filter: none;
|
||||
}
|
||||
|
||||
.console-v2 .main-panel > .v2-mode-rail.is-collapsed > .mode-rail-bar {
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
@media (max-width: 980px) {
|
||||
.console-v2 .main-panel > .v2-mode-rail > .mode-rail-bar {
|
||||
grid-template-columns: auto auto minmax(0, 1fr) auto;
|
||||
}
|
||||
|
||||
.console-v2 .main-panel > .v2-mode-rail .mode-rail-actions {
|
||||
grid-column: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 760px) {
|
||||
.console-v2 .main-panel > .v2-mode-rail > .mode-rail-bar,
|
||||
.console-v2 .main-panel > .v2-mode-rail.is-collapsed > .mode-rail-bar {
|
||||
grid-template-columns: auto minmax(0, 1fr) auto;
|
||||
grid-template-rows: auto auto;
|
||||
}
|
||||
|
||||
.console-v2.v2-passive-display.v2-interactive-sync .main-panel > .v2-mode-rail .v2-module-switcher {
|
||||
grid-column: 1 / -1;
|
||||
grid-row: 1;
|
||||
justify-self: start;
|
||||
}
|
||||
|
||||
.console-v2 .main-panel > .v2-mode-rail .mode-rail-identity {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.console-v2 .main-panel > .v2-mode-rail > .mode-rail-bar > .mode-rail-content {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
.console-v2 .main-panel > .v2-mode-rail .mode-rail-actions {
|
||||
grid-column: 3;
|
||||
grid-row: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 1120px) {
|
||||
.console-v2 .v2-mode-rail > .mode-rail-bar {
|
||||
grid-template-columns: auto minmax(150px, 1fr) auto;
|
||||
|
||||
Reference in New Issue
Block a user