From 17713243b52efc79e0f401dc5336d567d98afafa Mon Sep 17 00:00:00 2001
From: tresabhi <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 7 May 2025 20:51:52 -0500
Subject: [PATCH] feat: final stuff

---
 .../website/src/components/TankCard/index.css    |  2 +-
 .../TankSearch/components/TankCardWrapper.tsx    |  6 +++---
 .../HeroSection/components/TankSandbox/Title.tsx |  4 ++--
 .../components/Tankopedia/HeroSection/index.tsx  | 16 ----------------
 4 files changed, 6 insertions(+), 22 deletions(-)

diff --git a/packages/website/src/components/TankCard/index.css b/packages/website/src/components/TankCard/index.css
index 029c21222..6cc92e4a2 100644
--- a/packages/website/src/components/TankCard/index.css
+++ b/packages/website/src/components/TankCard/index.css
@@ -23,7 +23,7 @@
 
 .tank-search-card .image {
   width: 100%;
-  height: 6rem;
+  height: 8rem;
   object-position: center right;
   object-fit: contain;
   filter: drop-shadow(-1px -1px 4px black);
diff --git a/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx b/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx
index aff972c67..d3ec6aa27 100644
--- a/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx
+++ b/packages/website/src/components/TankSearch/components/TankCardWrapper.tsx
@@ -6,11 +6,11 @@ export function TankCardWrapper(props: GridProps) {
       py="4"
       columns={{
         initial: 'repeat(auto-fill, minmax(6rem, 1fr))',
-        sm: 'repeat(auto-fill, minmax(8rem, 1fr))',
+        sm: 'repeat(auto-fill, minmax(10rem, 1fr))',
       }}
       flow="dense"
-      gap="2"
-      gapY="6"
+      gap="4"
+      gapY="8"
       {...props}
     />
   );
diff --git a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title.tsx b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title.tsx
index 27e516783..677e19b99 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/components/TankSandbox/Title.tsx
@@ -100,8 +100,8 @@ export function Title({ outline }: TitleProps) {
           fontSize: revealed
             ? disturbed
               ? '2rem'
-              : `${125 / name.length}vw`
-            : `${75 / name.length}vw`,
+              : `min(65vh, ${125 / name.length}vw)`
+            : `min(48vh, ${75 / name.length}vw)`,
           whiteSpace: 'nowrap',
           color: outline ? Var(`${nationColors.tint}-a2`) : color,
           opacity: outline && disturbed ? 0 : 1,
diff --git a/packages/website/src/components/Tankopedia/HeroSection/index.tsx b/packages/website/src/components/Tankopedia/HeroSection/index.tsx
index bc3a28308..3339ce548 100644
--- a/packages/website/src/components/Tankopedia/HeroSection/index.tsx
+++ b/packages/website/src/components/Tankopedia/HeroSection/index.tsx
@@ -179,22 +179,6 @@ export function HeroSection({ skeleton }: MaybeSkeletonComponentProps) {
 
         <Title outline />
       </Flex>
-
-      {!disturbed && (
-        <Box
-          onClick={(event) => {
-            event.stopPropagation();
-            mutateTankopediaEphemeral((draft) => {
-              draft.disturbed = true;
-            });
-          }}
-          position="absolute"
-          width="100%"
-          height="100%"
-          top="0"
-          left="0"
-        />
-      )}
     </Flex>
   );
 }