skin switcher

packages/website/src/components/TankopediaSandbox/index.module.css

@@ -2,6 +2,8 @@
   height: calc(100dvh - 16rem);
   position: relative;
 
+  overflow: hidden;
+
   .sandbox {
     position: absolute;
     top: 0;

packages/website/src/components/TankopediaSandbox/index.tsx

@@ -20,6 +20,7 @@ import { ShotDisplay } from "../ShotDisplay";
 import { SmartCanvas } from "../SmartCanvas";
 import { StaticArmor, type ThicknessRange } from "../StaticArmor";
 import { TankModel } from "../TankModel";
+import { TankopediaSkinSwitcher } from "../TankopediaSkinSwitcher";
 import styles from "./index.module.css";
 
 type TankSandboxProps = MaybeSkeletonComponentProps & {
@@ -158,6 +159,8 @@ export function TankopediaSandbox({
       >
         {!skeleton && <Content thicknessRange={thicknessRange} />}
       </SmartCanvas>
+
+      <TankopediaSkinSwitcher />
     </div>
   );
 }