From 4b85c52cfe3e7c88883f3c20273bed86f44c52c0 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Sat, 13 Jun 2026 00:14:27 +0900
Subject: [PATCH] =?UTF-8?q?refactor(deepfield):=20ScrollReveal=20variant?=
 =?UTF-8?q?=EB=B3=84=20=EB=B3=B5=EC=9B=90=20=ED=81=B4=EB=9E=98=EC=8A=A4=20?=
 =?UTF-8?q?=EB=AA=85=EC=8B=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/deepfield/ScrollReveal.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/components/deepfield/ScrollReveal.tsx b/app/components/deepfield/ScrollReveal.tsx
index 14c7fd1..0ddffd5 100644
--- a/app/components/deepfield/ScrollReveal.tsx
+++ b/app/components/deepfield/ScrollReveal.tsx
@@ -41,10 +41,15 @@ export default function ScrollReveal({ children, delay = 0, variant = 'fade-up',
     variant === 'draw' ? 'opacity-0 [transform:scaleX(0)] origin-left' :
     'opacity-0 translate-y-6';
 
+  const visible =
+    variant === 'draw' ? 'opacity-100 [transform:scaleX(1)]' :
+    variant === 'fade' ? 'opacity-100' :
+    'opacity-100 translate-y-0';
+
   return (
     <div
       ref={ref}
-      className={`${className ?? ''} transition-all duration-700 ease-out ${shown ? 'opacity-100 translate-y-0 [transform:none]' : hidden}`}
+      className={`${className ?? ''} transition-all duration-700 ease-out ${shown ? visible : hidden}`}
       style={{ transitionDelay: `${delay}ms` }}
     >
       {children}