web: Fix display issues

This commit is contained in:
WerWolv
2026-03-14 17:14:04 +01:00
parent f3ccbb9b84
commit 8d691b2e6a
2 changed files with 21 additions and 2 deletions

View File

@@ -96,8 +96,8 @@
</div>
</div>
<div id="canvas-wrapper" style="width: 100%; height: 100%">
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas>
<div id="canvas-wrapper" class="imhex-web-canvas-wrapper">
<canvas class="imhex-web-canvas canvas-fixed" id="canvas" ></canvas>
</div>
<script src="wasm-config.js"></script>

View File

@@ -186,3 +186,22 @@ a:hover {
top: 0;
left: 0;
}
.imhex-web-canvas {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
image-rendering: smooth;
margin: 0;
padding: 0;
z-index: 1;
}
.imhex-web-canvas-wrapper {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
background-size: 100% 100%;
}