diff --git a/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx b/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx
index 0c9931c8d..c8971db51 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx
@@ -1,5 +1,5 @@
import { LightningBoltIcon } from '@radix-ui/react-icons';
-import { Button, Card, Flex, Tabs, Theme } from '@radix-ui/themes';
+import { Button, Card, Flex, Tabs, Text, Theme } from '@radix-ui/themes';
import { PerspectiveCamera } from '@react-three/drei';
import { Canvas } from '@react-three/fiber';
import { Suspense, use, useEffect, useRef, useState } from 'react';
@@ -14,6 +14,7 @@ import { tankIcon } from '../../../../../../core/blitzkrieg/tankIcon';
import { useEquipment } from '../../../../../../hooks/useEquipment';
import { useFullScreen } from '../../../../../../hooks/useFullScreen';
import { useWideFormat } from '../../../../../../hooks/useWideFormat';
+import { BlitzkriegWormWide } from '../../../../../../icons/BlitzkriegWormWide';
import { mutateDuel, useDuel } from '../../../../../../stores/duel';
import mutateTankopediaPersistent, {
TankopediaMode,
@@ -150,111 +151,117 @@ export function TankSandbox() {
}}
ref={canvasWrapper}
>
-
-
+ {
+ mutateTankopediaPersistent((draft) => {
+ draft.mode = mode as TankopediaMode;
+ });
}}
- direction="column"
- gap="2"
>
- {
- mutateTankopediaPersistent((draft) => {
- draft.mode = mode as TankopediaMode;
- });
- }}
- >
-
-
-
- Model
-
-
- Armor
-
-
-
-
- {loadModel ? (
-
-
-
- ) : (
-
-
-
-
-
-
+
+
+
+ Model
- )}
-
+
+ Armor
+
+
-
+
+
+
- {isFullScreen && }
+
+ {loadModel ? (
+
+
+
+ ) : (
+
+
+
+
+
+
+
+ )}
+
+
+
+
+ {isFullScreen && }
+
+ {loadModel && }
+
);
diff --git a/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx b/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx
index a61f5c196..fda4949f6 100644
--- a/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx
@@ -52,6 +52,7 @@ export function RotationInputs({ isFullScreen }: RotationInputsProps) {
>