diff --git a/src/app/tools/tank-performance/components/Table.tsx b/src/app/tools/tank-performance/components/Table.tsx index 30bde3187..ef356765f 100644 --- a/src/app/tools/tank-performance/components/Table.tsx +++ b/src/app/tools/tank-performance/components/Table.tsx @@ -10,7 +10,11 @@ import { Tanks } from './Tanks'; export function TankTable() { return ( - +
}> diff --git a/src/components/TankRowHeaderCell.tsx b/src/components/TankRowHeaderCell.tsx index ecc0ea732..b6e7c3468 100644 --- a/src/components/TankRowHeaderCell.tsx +++ b/src/components/TankRowHeaderCell.tsx @@ -1,4 +1,4 @@ -import { IconButton, Table } from '@radix-ui/themes'; +import { Table } from '@radix-ui/themes'; import { TankDefinition } from '../core/blitzkit/tankDefinitions'; import { tankIcon } from '../core/blitzkit/tankIcon'; import { classIcons } from './ClassIcon'; @@ -19,6 +19,8 @@ export function TankRowHeaderCell({ tank }: TankRowHeaderCellProps) { position: 'sticky', left: 0, backgroundColor: 'var(--color-background)', + maxWidth: 240, + overflow: 'hidden', }} > @@ -52,16 +54,24 @@ export function TankRowHeaderCell({ tank }: TankRowHeaderCellProps) { display: 'flex', alignItems: 'center', gap: 'var(--space-1)', + whiteSpace: 'nowrap', + overflow: 'hidden', + textOverflow: 'ellipsis', }} > - + {tank.name} {tank.testing && ( - - - + )}