diff --git a/src/app/tools/tankopedia/[id]/components/Model/HeroSection.tsx b/src/app/tools/tankopedia/[id]/components/Model/HeroSection.tsx index 496025b10..b3507d4c7 100644 --- a/src/app/tools/tankopedia/[id]/components/Model/HeroSection.tsx +++ b/src/app/tools/tankopedia/[id]/components/Model/HeroSection.tsx @@ -1,4 +1,4 @@ -import { CaretRightIcon } from '@radix-ui/react-icons'; +import { ChevronLeftIcon, MixIcon } from '@radix-ui/react-icons'; import { Button, Flex, Heading, Text } from '@radix-ui/themes'; import Link from 'next/link'; import { TIER_ROMAN_NUMERALS } from '../../../../../../core/blitzkit/tankDefinitions/constants'; @@ -48,10 +48,15 @@ export function HeroSection() { direction="column" ml={wideFormat ? '8' : undefined} align={wideFormat ? undefined : 'center'} + justify="center" + style={{ + height: '100%', + }} > {protagonistTank.name} + Tier {TIER_ROMAN_NUMERALS[protagonistTank.tier]}{' '} { @@ -62,11 +67,21 @@ export function HeroSection() { {strings.common.tank_class_short[protagonistTank.class]} - - - + + + + + + + + +