max/nodarium
1
0
Fork 0
Code Issues 12 Pull Requests 2 Actions Packages Projects Releases 3 Wiki Activity

feat: resize canvases to fit window height
All checks were successful
Deploy to GitHub Pages / build_site (push) Successful in 2m3s
Details

Browse Source 
Closes #16

The canvases fit their parents size, so adding a wrapper with 100vh
solved it. https://threlte.xyz/docs/reference/core/canvas#size
This commit is contained in:
max_richter
2026-01-20 17:55:58 +01:00
parent fbd82bbdfa
commit 8693c63d16
2 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/lib/graph-interface/graph/Graph.svelte
View File

@@ -105,6 +105,7 @@
onwheel={(ev) => mouseEvents.handleMouseScroll(ev)} onwheel={(ev) => mouseEvents.handleMouseScroll(ev)}
bind:this={graphState.wrapper} bind:this={graphState.wrapper}
class="graph-wrapper" class="graph-wrapper"
style="height: 100vh;"
class:is-panning={graphState.isPanning} class:is-panning={graphState.isPanning}
class:is-hovering={graphState.hoveredNodeId !== -1} class:is-hovering={graphState.hoveredNodeId !== -1}
aria-label="Graph" aria-label="Graph"

20
app/src/lib/result-viewer/Viewer.svelte
View File

@@ -95,12 +95,14 @@
<SmallPerformanceViewer {fps} store={perf} /> <SmallPerformanceViewer {fps} store={perf} />
{/if} {/if}
<Canvas> <div style="height: 100vh">
<Scene <Canvas>
bind:this={sceneComponent} <Scene
{lines} bind:this={sceneComponent}
{centerCamera} {lines}
bind:scene {centerCamera}
bind:fps bind:scene
/> bind:fps
</Canvas> />
</Canvas>
</div>