From fa0a350bbb7ab1cbd903df11e4ffa60259058797 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Mon, 17 Nov 2025 16:32:36 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=83=81=ED=92=88=20=EB=B0=B0=EA=B2=BD]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 영상이 아닐때 이미지에 이미 linear가 들어있어 linear는 영상에서만 노출되도록 변경.
---
 .../DetailPanelBackground.jsx                      | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx b/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
index 2d70cf9c..3cfed918 100644
--- a/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
+++ b/com.twin.app.shoptime/src/views/DetailPanel/components/DetailPanelBackground/DetailPanelBackground.jsx
@@ -60,13 +60,17 @@ export default function DetailPanelBackground({ launchedFromPlayer = false, patn
 
       {/* 그라데이션 레이어들 - CSS의 linear-gradient를 div로 구현 */}
       {/* 1. 270도 방향 그라데이션 (왼쪽→오른쪽, 투명→불투명) */}
-      <div className={css.gradientLayer1} aria-hidden="true" />
-
+      {launchedFromPlayer && (
+        <div className={css.gradientLayer1} aria-hidden="true" />
+      )}
       {/* 2. 180도 방향 그라데이션 (위→아래, 투명→불투명) */}
-      <div className={css.gradientLayer2} aria-hidden="true" />
-
+      {launchedFromPlayer && (
+        <div className={css.gradientLayer2} aria-hidden="true" />
+      )}
       {/* 3. 투명 그라데이션 */}
-      <div className={css.gradientLayer3} aria-hidden="true" />
+      {launchedFromPlayer && (
+        <div className={css.gradientLayer3} aria-hidden="true" />
+      )}
     </div>
   );
 }