dexter/BTerminal
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(v3): content-driven sidebar width and remaining px-to-rem conversions

Browse source 
Sidebar panel now uses width: max-content with per-tab min-width (22em)
instead of fixed 28em. Changed overflow: hidden to overflow-y: auto on
panel + panel-content so content drives parent width. Converted remaining
px values in SettingsTab, DocsTab to rem/em per rule 18.
This commit is contained in:
Hibryda 2026-03-08 01:13:43 +01:00
parent 3ecc4f02d1
commit 97860c3db1
4 changed files with 13 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

7
v2/src/App.svelte
View file

@ -203,13 +203,14 @@
}
.sidebar-panel {
width: 28em;
width: max-content;
min-width: 16em;
max-width: 50%;
display: flex;
flex-direction: column;
background: var(--ctp-base);
border-right: 1px solid var(--ctp-surface1);
overflow: hidden;
overflow-y: auto;
flex-shrink: 0;
}
@ -249,7 +250,7 @@
.panel-content {
flex: 1;
overflow: hidden;
overflow-y: auto;
}
.workspace {