fix: shrink canvas

This commit is contained in:
TrèsAbhi committed 2024-02-22 12:23:56 -06:00
1 parent c68df74943
commit ffeaba6a18
1 file changed
+27 -23
@@ -172,31 +172,35 @@ export function TankSandbox() {
</Tabs.List> </Tabs.List>
</Tabs.Root> </Tabs.Root>
<div style={{ height: '100%' }}> <div
style={{ height: '100%', position: 'absolute', width: '100%' }}
>
{loadModel ? ( {loadModel ? (
<Canvas <div style={{ width: '100%', height: '100%' }}>
shadows <Canvas
ref={canvas} shadows
onPointerDown={handlePointerDown} ref={canvas}
onPointerMissed={() => { onPointerDown={handlePointerDown}
mutateTankopediaTemporary((draft) => { onPointerMissed={() => {
draft.shot = undefined; mutateTankopediaTemporary((draft) => {
}); draft.shot = undefined;
}} });
> }}
<PerspectiveCamera makeDefault fov={25} far={32} /> >
<Controls /> <PerspectiveCamera makeDefault fov={25} far={32} />
<SceneProps /> <Controls />
<SceneProps />
<Suspense fallback={<ModelLoader />}> <Suspense fallback={<ModelLoader />}>
<ShotDisplay /> <ShotDisplay />
<Lighting /> <Lighting />
<TankModel /> <TankModel />
<TankArmor /> <TankArmor />
<ExternalModuleMask ornamental /> <ExternalModuleMask ornamental />
<SpacedArmorDepth ornamental /> <SpacedArmorDepth ornamental />
</Suspense> </Suspense>
</Canvas> </Canvas>
</div>
) : ( ) : (
<Flex <Flex
align="center" align="center"