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> </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"> <div class="flex flex-col shrink-0 w-14 text-gray-300">
{#each icons as i} {#each icons as i}
{#if i} {#if i}

1
src/lib/global.css
View file

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

6
src/routes/+page.svelte
View file

@ -159,11 +159,11 @@
} }
</script> </script>
<main class="flex flex-col w-full h-full"> <main class="relative w-full h-full">
<Nav /> <Nav />
<div class="flex flex-row flex-grow"> <div class="absolute top-10 bottom-0 left-0 right-0">
<SideBar on:connect={handleConnect}/> <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>
</div> </div>
</main> </main>