Compare commits

..

2 commits

Author SHA1 Message Date
mwiegand
b5cde8ed85
style(server-detail): pin tab-pane height so all three tabs stay same size
Switches .tab-pane from max-height: 18rem to height: 18rem. The console
pane was already always 288px tall because its flex layout reserves
space for the pinned input; the log and files panes were only as tall
as their content, so the inspection strip shrank when log scrollback
was short. Now every tab reports the same 288px height — strip height
no longer jumps when you switch tabs.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-17 21:54:53 +02:00
mwiegand
1105f578e4
style(server-detail): grow inspection-strip tab panes by 50%
Bumps .tab-pane max-height from 12rem (192px) to 18rem (288px) so the
log/console/files content area gets the same +50% vertical breathing
room the tab buttons themselves received in eabb976.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-17 21:53:47 +02:00

View file

@ -1037,7 +1037,11 @@ div.modal.modal-wide {
.tab-pane { .tab-pane {
padding: var(--space-s); padding: var(--space-s);
max-height: 12rem; /* Fixed height (not max-height) so the strip stays the same size
regardless of how much content the active tab has. The console
tab's flex layout reserves full height for the input pin; the
log and files tabs use scrollable overflow. */
height: 18rem;
overflow: auto; overflow: auto;
} }
.tab-pane[hidden] { display: none; } .tab-pane[hidden] { display: none; }