feat: watermark 2

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,7 +151,6 @@ export function TankSandbox() {
         }}
         ref={canvasWrapper}
       >
-        <Theme radius="full" style={{ height: '100%' }}>
         <Flex
           style={{
             height: isFullScreen ? '100%' : '75vh',
@@ -177,6 +177,17 @@ export function TankSandbox() {
             </Tabs.List>
           </Tabs.Root>
 
+          <Text
+            color="gray"
+            style={{
+              position: 'absolute',
+              left: '50%',
+              top: 11,
+            }}
+          >
+            <BlitzkriegWormWide height={32} />
+          </Text>
+
           <div
             style={{
               height: 'calc(100% - 64px)',
@@ -245,16 +256,12 @@ export function TankSandbox() {
             )}
           </div>
 
-            <Options
+          <Options canvasWrapper={canvasWrapper} isFullScreen={isFullScreen} />
-              canvasWrapper={canvasWrapper}
-              isFullScreen={isFullScreen}
-            />
 
           {isFullScreen && <AntagonistBar floating />}
 
           {loadModel && <RotationInputs isFullScreen={isFullScreen} />}
         </Flex>
-        </Theme>
       </Card>
     </Theme>
   );

src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx

@@ -52,6 +52,7 @@ export function RotationInputs({ isFullScreen }: RotationInputsProps) {
     >
       <Flex gap="2" style={{ width: 256, pointerEvents: 'auto' }}>
         <TextField.Root
+          radius="full"
           style={{
             flex: 1,
             textAlign: 'right',
@@ -99,6 +100,7 @@ export function RotationInputs({ isFullScreen }: RotationInputsProps) {
         </TextField.Root>
 
         <TextField.Root
+          radius="full"
           style={{
             flex: 1,
             textAlign: 'right',