diff --git a/packages/website/src/components/TankopediaOptions/index.module.css b/packages/website/src/components/TankopediaOptions/index.module.css index 2f1e97731..b7a91ad34 100644 --- a/packages/website/src/components/TankopediaOptions/index.module.css +++ b/packages/website/src/components/TankopediaOptions/index.module.css @@ -10,7 +10,7 @@ left: 50%; bottom: var(--space-4); - transform: translate(-50%, calc(100% + var(--space-4))); + transform: translate(-50%, calc(100% + var(--space-4) + var(--space-1))); &[data-visible="true"] { transform: translate(-50%, 0); diff --git a/packages/website/src/components/TankopediaOptions/index.tsx b/packages/website/src/components/TankopediaOptions/index.tsx index d3874ee35..6e1738a45 100644 --- a/packages/website/src/components/TankopediaOptions/index.tsx +++ b/packages/website/src/components/TankopediaOptions/index.tsx @@ -1,13 +1,7 @@ import { uniqueGuns } from "@blitzkit/core"; -import { - Crosshair1Icon, - EnterFullScreenIcon, - ExitFullScreenIcon, - ShadowInnerIcon, - ShadowNoneIcon, - SunIcon, -} from "@radix-ui/react-icons"; -import { useState, type RefObject } from "react"; +import { Crosshair1Icon } from "@radix-ui/react-icons"; +import { Dialog, Tabs } from "radix-ui"; +import { useState } from "react"; import { DuelModule, useDuel } from "../../hooks/useDuel"; import { useEquipment } from "../../hooks/useEquipment"; import { useFullScreen } from "../../hooks/useFullScreen"; @@ -17,21 +11,13 @@ import { useUnwrapper } from "../../hooks/useUnwrapper"; import { Tankopedia } from "../../stores/tankopedia"; import { TankopediaPersistent } from "../../stores/tankopediaPersistent"; import { TankopediaDisplay } from "../../stores/tankopediaPersistent/constants"; -import type { MaybeSkeletonComponentProps } from "../../types/maybeSkeletonComponentProps"; -import { IconButton } from "../IconButton"; -import { ScreenshotButton } from "../ScreenshotButton"; -import { SegmentedControl } from "../SegmentedControl"; -import styles from "./index.module.css"; -import { Dialog, Tabs } from "radix-ui"; import { Button } from "../Button"; +import { SegmentedControl } from "../SegmentedControl"; import { SmallTankIcon } from "../SmallTankIcon"; import { TankSearch } from "../TankSearch"; +import styles from "./index.module.css"; -type OptionsProps = MaybeSkeletonComponentProps & { - canvas: RefObject; -}; - -export function TankopediaOptions({ canvas, skeleton }: OptionsProps) { +export function TankopediaOptions() { const strings = useStrings(); const unwrap = useUnwrapper(); @@ -60,8 +46,8 @@ export function TankopediaOptions({ canvas, skeleton }: OptionsProps) { const equalize = Tankopedia.use((state) => state.environment.equalize); return ( -
-
+
+ {/*
{disturbed && ( <> {requestedDisplay === TankopediaDisplay.DynamicArmor && ( @@ -84,7 +70,7 @@ export function TankopediaOptions({ canvas, skeleton }: OptionsProps) { )} - {/* + - */} + )} -
+
*/}
- {/* */} +
); }