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> </div>
<div id="canvas-wrapper" style="width: 100%; height: 100%"> <div id="canvas-wrapper" class="imhex-web-canvas-wrapper">
<canvas class="emscripten" id="canvas" oncontextmenu="event.preventDefault()"></canvas> <canvas class="imhex-web-canvas canvas-fixed" id="canvas" ></canvas>
</div> </div>
<script src="wasm-config.js"></script> <script src="wasm-config.js"></script>

View File

@@ -185,4 +185,23 @@ a:hover {
position: absolute; position: absolute;
top: 0; top: 0;
left: 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%;
} }