diff --git a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx index 8277acf3c..7ba2831d0 100644 --- a/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx +++ b/src/app/tools/tankopedia/[id]/components/Characteristics/components/Modules.tsx @@ -6,6 +6,7 @@ import { IconButton, Link, Text, + Theme, } from '@radix-ui/themes'; import { use } from 'react'; import { asset } from '../../../../../../../core/blitzkit/asset'; @@ -103,7 +104,9 @@ function ModuleButton({ ); return unlock.type === 'vehicle' ? ( - {button} + + {button} + ) : ( button ); diff --git a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx index 18c4954e4..1b5569249 100644 --- a/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx +++ b/src/app/tools/tankopedia/[id]/components/Model/components/Options.tsx @@ -93,6 +93,7 @@ export function Options() { color={thisShell.id === antagonistShell.id ? undefined : 'gray'} variant="soft" key={thisShell.id} + size="3" style={{ borderTopLeftRadius: shellIndex === 0 ? undefined : 0, borderTopRightRadius: shellIndex === 0 ? undefined : 0, @@ -114,8 +115,8 @@ export function Options() { > {thisShell.name} @@ -130,6 +131,7 @@ export function Options() { borderBottomRightRadius: 0, borderBottomLeftRadius: 0, }} + size="3" onClick={() => { mutateDuel((draft) => { draft.antagonist!.equipmentMatrix[0][0] = hasCalibratedShells @@ -140,14 +142,15 @@ export function Options() { > Calibrated Shells Enhanced Armor diff --git a/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx b/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx index 86bb3457b..fd7cd580c 100644 --- a/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx +++ b/src/app/tools/tankopedia/[id]/components/QuickInputs/index.tsx @@ -1,4 +1,4 @@ -import { CaretSortIcon } from '@radix-ui/react-icons'; +import { HeightIcon, WidthIcon } from '@radix-ui/react-icons'; import { Flex, TextField } from '@radix-ui/themes'; import { use, useEffect, useRef } from 'react'; import { degToRad, radToDeg } from 'three/src/math/MathUtils'; @@ -87,7 +87,7 @@ export function RotationInputs() { userSelect: 'none', }} > - + ° @@ -136,7 +136,7 @@ export function RotationInputs() { userSelect: 'none', }} > - +