fix: display shot card on all devices

packages/website/src/components/Armor/components/ShotDisplay.tsx

@@ -173,7 +173,6 @@ export function ShotDisplay() {
 
       <Html position={inLast.point} center>
         <Box
-          display={isFullscreen ? undefined : { initial: 'none', sm: 'block' }}
           style={{
             pointerEvents: 'none',
             transform: `translateY(${tracerGoingUp ? 50 : -50}%)`,

packages/website/src/components/Tankopedia/ShotDisplaySection.tsx

@@ -1,15 +0,0 @@
-import { Flex } from '@radix-ui/themes';
-import { TankopediaEphemeral } from '../../stores/tankopediaEphemeral';
-import { ShotDisplayCard } from '../Armor/components/ShotDisplayCard';
-
-export function ShotDisplaySection() {
-  const shot = TankopediaEphemeral.use((state) => state.shot);
-
-  if (!shot) return null;
-
-  return (
-    <Flex justify="center" display={{ initial: 'flex', sm: 'none' }}>
-      <ShotDisplayCard shot={shot} />
-    </Flex>
-  );
-}

packages/website/src/pages/tools/tankopedia/[id]/_index.tsx

@@ -10,7 +10,6 @@ import { GameModeSection } from '../../../../components/Tankopedia/GameModeSecti
 import { HeroSection } from '../../../../components/Tankopedia/HeroSection';
 import { HistorySection } from '../../../../components/Tankopedia/HistorySection';
 import { MetaSection } from '../../../../components/Tankopedia/MetaSection';
-import { ShotDisplaySection } from '../../../../components/Tankopedia/ShotDisplaySection';
 import { TechTreeSection } from '../../../../components/Tankopedia/TechTreeSection';
 import { VideoSection } from '../../../../components/Tankopedia/VideoSection';
 import { App } from '../../../../stores/app';
@@ -47,7 +46,6 @@ export function Page({ id, skeleton }: PageProps) {
               pb="9"
             >
               <HeroSection skeleton={skeleton} />
-              <ShotDisplaySection />
               <CalloutsSection />
               <MetaSection />
               <TechTreeSection skeleton={skeleton} />