Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make the canvas display fill up the screen

Browse Source
This commit is contained in:
Alessandro Pignotti 2024-10-18 13:02:11 +02:00
parent 7bf9990995
commit 310a9ce2e2
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/lib/WebVM.svelte
View File

@ -187,7 +187,7 @@
return;
// Raise the display to the foreground
const display = document.getElementById("display");
display.style.zIndex = 5;
display.parentElement.style.zIndex = 5;
plausible("Display activated");
}
function handleProcessCreated()
@ -268,7 +268,7 @@
const display = document.getElementById("display");
if(display)
{
cx.setKmsCanvas(display, 1024, 768);
cx.setKmsCanvas(display, display.offsetWidth, display.offsetHeight);
cx.setActivateConsole(handleActivateConsole);
}
// Run the command in a loop, in case the user exits
@ -299,7 +299,9 @@
<div class="absolute top-10 bottom-0 left-0 right-0">
<SideBar on:connect={handleConnect} on:reset={handleReset}/>
{#if configObj.needsDisplay}
<canvas class="absolute top-0 bottom-0 left-14 right-0" width="1024" height="768" id="display"></canvas>
<div class="absolute top-0 bottom-0 left-14 right-0">
<canvas class="w-full h-full" id="display"></canvas>
</div>
{/if}
<div class="absolute top-0 bottom-0 left-14 right-0 p-1 scrollbar" id="console">
</div>