feat: better sizing for new icons

packages/website/src/components/TankCard/index.css

@@ -23,9 +23,10 @@
 
 .tank-search-card .image {
   width: 100%;
-  height: 4rem;
+  height: 5rem;
   object-position: center right;
   object-fit: contain;
+  filter: brightness(1) drop-shadow(-1px -1px 4px black);
 }
 
 .tank-search-card .class-icon {

packages/website/src/components/TankCard/index.tsx

@@ -56,7 +56,6 @@ export const TankCard = forwardRef<HTMLSpanElement, TankCardProps>(
         data-provide-link={provideLink}
         style={{
           backgroundImage: `url(${asset(`flags/scratched/${tank.nation}.webp`)})`,
-          backgroundSize: '75%',
           ...style,
         }}
         {...props}

packages/website/src/components/TankSearch/components/SkeletonTankCard.tsx

@@ -16,7 +16,7 @@ export const SkeletonTankCard = memo(
 
     return (
       <Flex direction="column" gap="2" ref={card}>
-        <Skeleton height="64px" />
+        <Skeleton height="5rem" />
         <Skeleton height="1em" />
       </Flex>
     );

packages/website/src/components/TankSearch/components/TankCardWrapper.tsx

@@ -6,7 +6,7 @@ export function TankCardWrapper(props: GridProps) {
       py="4"
       columns={{
         initial: 'repeat(auto-fill, minmax(6rem, 1fr))',
-        sm: 'repeat(auto-fill, minmax(7rem, 1fr))',
+        sm: 'repeat(auto-fill, minmax(8rem, 1fr))',
       }}
       flow="dense"
       gap="2"

packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx

@@ -20,7 +20,7 @@ export function Lighting() {
     <>
       <Environment
         files="https://dl.polyhaven.org/file/ph-assets/HDRIs/hdr/1k/winter_river_1k.hdr"
-        environmentIntensity={isBrighterLighting ? 2 : 1}
+        environmentIntensity={isBrighterLighting ? 1.5 : 1}
         environmentRotation={new Euler(0, degToRad(180), 0)}
       />
       {display === TankopediaDisplay.ShootingRange && (

packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx

@@ -13,7 +13,7 @@ export function TankSandboxLoader({ id, ...props }: TankSandboxLoaderProps) {
     <Flex width="100%" height="100%" align="center" justify="center" {...props}>
       <img
         src={asset(`icons/tanks/blitzkit/${id}.webp`)}
-        style={{ height: '60%', filter: 'blur(4px)' }}
+        style={{ height: '60%', filter: 'grayscale(1)' }}
       />
       <Progress
         size="3"