beenull/webvm
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Svelte: Favor traditional absolute positioning for xterm and surrouding top-level components

Browse source 
xterm resizing interacts very poorly with flex
This commit is contained in:
Alessandro Pignotti 2024-10-13 19:05:29 +02:00
parent fe7ab83fdd
commit 854b93ec07
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/lib/SideBar.svelte
View file

@ -26,7 +26,7 @@
}
</script>
<div class="flex flex-row w-14 bg-neutral-700" on:mouseleave={hideInfo}>
<div class="flex flex-row w-14 h-full bg-neutral-700" on:mouseleave={hideInfo}>
<div class="flex flex-col shrink-0 w-14 text-gray-300">
{#each icons as i}
{#if i}

1
src/lib/global.css
View file

@ -8,6 +8,7 @@ body
font-family: Archivo, sans-serif;
margin: 0;
height: 100%;
overflow: hidden;
background: black;
}

6
src/routes/+page.svelte
View file

@ -159,11 +159,11 @@
}
</script>
<main class="flex flex-col w-full h-full">
<main class="relative w-full h-full">
<Nav />
<div class="flex flex-row flex-grow">
<div class="absolute top-10 bottom-0 left-0 right-0">
<SideBar on:connect={handleConnect}/>
<div class="grow h-full p-1 scrollbar" id="console">
<div class="absolute top-0 bottom-0 left-14 right-0 p-1 scrollbar" id="console">
</div>
</div>
</main>