diff --git a/packages/website/src/components/Ad.tsx b/packages/website/src/components/Ad.tsx index 1222f8d0d..e9ee197f2 100644 --- a/packages/website/src/components/Ad.tsx +++ b/packages/website/src/components/Ad.tsx @@ -58,6 +58,7 @@ export function Ad({ id, commonHeight, ...props }: AdProps) { diff --git a/packages/website/src/components/AdStickyTableRow.tsx b/packages/website/src/components/AdStickyTableRow.tsx new file mode 100644 index 000000000..fe9f740b0 --- /dev/null +++ b/packages/website/src/components/AdStickyTableRow.tsx @@ -0,0 +1,24 @@ +import { Flex, Table } from '@radix-ui/themes'; +import { Ad } from './Ad'; + +interface AdStickyTableRowProps { + id: string; +} + +export function AdStickyTableRow({ id }: AdStickyTableRowProps) { + return ( + + + + + + + + ); +} diff --git a/packages/website/src/components/Compare/Body.tsx b/packages/website/src/components/Compare/Body.tsx index 3f25096a1..f753c35ed 100644 --- a/packages/website/src/components/Compare/Body.tsx +++ b/packages/website/src/components/Compare/Body.tsx @@ -2,6 +2,7 @@ import { asset } from '@blitzkit/core'; import { Flex, Heading, IconButton, Table } from '@radix-ui/themes'; import type { TankCharacteristics } from '../../core/blitzkit/tankCharacteristics'; import { CompareEphemeral } from '../../stores/compareEphemeral'; +import { AdStickyTableRow } from '../AdStickyTableRow'; import { StickyColumnHeaderCell } from '../StickyColumnHeaderCell'; import { CompareRow } from './CompareRow'; import { CompareSectionTitle } from './CompareSectionTitle'; @@ -74,6 +75,9 @@ export function Body({ stats }: BodyProps) { ))} + + + + + Maneuverability + + Survivability diff --git a/packages/website/src/components/Compare/CompareTable.tsx b/packages/website/src/components/Compare/CompareTable.tsx index cd45455e7..02ebeb69d 100644 --- a/packages/website/src/components/Compare/CompareTable.tsx +++ b/packages/website/src/components/Compare/CompareTable.tsx @@ -45,7 +45,10 @@ export function CompareTable({ stats }: CompareTableProps) { diff --git a/packages/website/src/components/TankSearch/index.tsx b/packages/website/src/components/TankSearch/index.tsx index a6d9465d0..c5335387f 100644 --- a/packages/website/src/components/TankSearch/index.tsx +++ b/packages/website/src/components/TankSearch/index.tsx @@ -477,7 +477,7 @@ export const TankSearch = memo( )} diff --git a/packages/website/src/layouts/BaseLayout.astro b/packages/website/src/layouts/BaseLayout.astro index 923bcc2ff..eef190d7f 100644 --- a/packages/website/src/layouts/BaseLayout.astro +++ b/packages/website/src/layouts/BaseLayout.astro @@ -16,6 +16,11 @@ const isRoot = pathname === '/'; body { margin: 0; } + + .ad-container { + display: flex; + align-items: center; + } diff --git a/packages/website/src/pages/index.astro b/packages/website/src/pages/index.astro index 23c799025..d3cdf1a03 100644 --- a/packages/website/src/pages/index.astro +++ b/packages/website/src/pages/index.astro @@ -25,7 +25,7 @@ import BaseLayout from '../layouts/BaseLayout.astro'; - + @@ -42,7 +42,7 @@ import BaseLayout from '../layouts/BaseLayout.astro'; - + diff --git a/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx b/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx index af85078cc..16d30e75b 100644 --- a/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx +++ b/packages/website/src/pages/tools/tankopedia/[id]/_index.tsx @@ -48,16 +48,16 @@ export function Page({ id }: PageProps) { > - + - + - + - +