From c814230dcba88b9257484a3d6b7be569fb5849ac Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Tue, 17 Dec 2024 21:49:55 -0600
Subject: [PATCH] feat: better loader

---
 .../Tankopedia/HeroSection/components/TankSandboxLoader.tsx   | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx
index 3dd407ef9..74562ceec 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandboxLoader.tsx
@@ -13,12 +13,12 @@ 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: 'grayscale(1)' }}
+        style={{ height: '100%', filter: 'blur(1rem)' }}
       />
       <Progress
         size="3"
         value={data.progress}
-        style={{ position: 'absolute', width: 128 }}
+        style={{ position: 'absolute', width: '16rem', maxWidth: '50vw' }}
       />
     </Flex>
   );