From 0223499e12f6a2c7666185b410b66344319f1ae2 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Wed, 17 Dec 2025 13:46:23 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=98=81=EC=83=81]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 라이브 채널 next부분 관련해서 버튼부분의 배경 색상 제거
---
 .../PlayerTabContents/v2/LiveChannelNext.jsx        | 13 ++++++++-----
 .../v2/LiveChannelNext.module.less                  |  3 +++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
index 66ad574e..640bf972 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx
@@ -5,9 +5,13 @@ import { compose } from 'ramda/src/compose';
 
 import Spotlight from '@enact/spotlight';
 import Spottable from '@enact/spotlight/Spottable';
-import { Marquee, MarqueeController } from '@enact/ui/Marquee';
+import {
+  Marquee,
+  MarqueeController,
+} from '@enact/ui/Marquee';
 
-import icon_arrow_dwon from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png';
+import icon_arrow_dwon
+  from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png';
 import CustomImage from '../../../../components/CustomImage/CustomImage';
 import { SpotlightIds } from '../../../../utils/SpotlightIds';
 import css from './LiveChannelNext.module.less';
@@ -18,7 +22,7 @@ export default function LiveChannelNext({
   channelLogo,
   channelName = 'ShopLC',
   programName = 'Sandal Black...',
-  backgroundColor = 'linear-gradient(180deg, #284998 0%, #06B0EE 100%)',
+  backgroundColor = 'transparent',
   onClick,
   onFocus,
   spotlightId = 'live-channel-next-button',
@@ -53,8 +57,7 @@ export default function LiveChannelNext({
       >
         <div className={css.logoWrapper}>
           <div
-            className={css.logoBackground}
-            style={{ background: backgroundColor }}
+            className={css.logoBackground}            
           >
             {channelLogo ? (
               <CustomImage
diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
index ef17f195..a467d10e 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
@@ -41,6 +41,7 @@
   height: 72px;
   position: relative;
   flex-shrink: 0;
+  background-color: transparent;
 }
 
 .logoBackground {
@@ -51,6 +52,7 @@
   display: flex;
   justify-content: center;
   align-items: center;
+  background-color: transparent;
 }
 
 .logoImage {
@@ -60,6 +62,7 @@
   &.qvcLogoImg {
     width: 70%;
     height: 70%;
+    background-color: transparent;
   }
 }