Log panel stretches to match script list height
This commit is contained in:
@@ -69,18 +69,19 @@
|
||||
outline: 1px solid #555; }
|
||||
|
||||
/* Two-panel layout */
|
||||
#vv-sched-layout { display: flex; gap: 16px; align-items: flex-start; }
|
||||
#vv-sched-layout { display: flex; gap: 16px; align-items: stretch; }
|
||||
#vv-sched-left { flex: 1 1 0; min-width: 0; }
|
||||
#vv-sched-right { display: none; flex: 1 1 0; min-width: 0; position: sticky; top: 16px; }
|
||||
#vv-sched-right.vv-panel-visible { display: block; }
|
||||
.vv-log-right-pre { min-height: calc(100vh - 220px); max-height: calc(100vh - 220px); }
|
||||
#vv-sched-right { display: none; flex: 1 1 0; min-width: 0; flex-direction: column; }
|
||||
#vv-sched-right.vv-panel-visible { display: flex; }
|
||||
#vv-sched-right > .vv-card { flex: 1; display: flex; flex-direction: column; min-height: 0; }
|
||||
.vv-log-right-pre { flex: 1; min-height: 0; max-height: none; }
|
||||
|
||||
/* Mobile: stack vertically, right panel full-width below cards */
|
||||
@media (max-width: 880px) {
|
||||
#vv-sched-layout { flex-direction: column; }
|
||||
#vv-sched-layout { flex-direction: column; align-items: stretch; }
|
||||
#vv-sched-left { flex: none; width: 100%; }
|
||||
#vv-sched-right { position: static; width: 100%; }
|
||||
.vv-log-right-pre { min-height: 260px; max-height: 340px; }
|
||||
#vv-sched-right { flex-direction: column; width: 100%; }
|
||||
.vv-log-right-pre { min-height: 260px; max-height: 340px; flex: none; }
|
||||
}
|
||||
|
||||
/* Card footer */
|
||||
|
||||
Reference in New Issue
Block a user