From 0f3d230f42c979c7101a90a30374cc2f7989d8f1 Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Mon, 16 Dec 2024 23:42:38 -0600
Subject: [PATCH] feat: better sizing for new icons

---
 packages/website/src/components/TankCard/index.css             | 3 ++-
 packages/website/src/components/TankCard/index.tsx             | 1 -
 .../src/components/TankSearch/components/SkeletonTankCard.tsx  | 2 +-
 .../src/components/TankSearch/components/TankCardWrapper.tsx   | 2 +-
 .../HeroSection/components/TankSandbox/components/Lighting.tsx | 2 +-
 .../Tankopedia/HeroSection/components/TankSandboxLoader.tsx    | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/website/src/components/TankCard/index.css b/packages/website/src/components/TankCard/index.css
index 5dbc67f98..ae77266bf 100644
--- a/packages/website/src/components/TankCard/index.css
+++ b/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 {
diff --git a/packages/website/src/components/TankCard/index.tsx b/packages/website/src/components/TankCard/index.tsx
index 397d42287..7f4850895 100644
--- a/packages/website/src/components/TankCard/index.tsx
+++ b/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}
diff --git a/packages/website/src/components/TankSearch/components/SkeletonTankCard.tsx b/packages/website/src/components/TankSearch/components/SkeletonTankCard.tsx
index a60ff849c..188b75a7b 100644
--- a/packages/website/src/components/TankSearch/components/SkeletonTankCard.tsx
+++ b/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>
     );
diff --git a/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx b/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx
index 07427c961..aff972c67 100644
--- a/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx
+++ b/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"
diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
index 1ef07c9e4..b9c818013 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/components/Lighting.tsx
+++ b/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 && (
diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx
index 827c59cbf..3dd407ef9 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx
+++ b/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"