[라이브 채널 넥스트 버튼 수정]

- qvc가 짤려보이는문제 관련하여 수정.

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.jsx

@@ -1,16 +1,13 @@
 import React from 'react';
 
+import classNames from 'classnames';
 import { compose } from 'ramda/src/compose';
 
 import Spotlight from '@enact/spotlight';
 import Spottable from '@enact/spotlight/Spottable';
-import {
+import { Marquee, MarqueeController } from '@enact/ui/Marquee';
-  Marquee,
-  MarqueeController,
-} from '@enact/ui/Marquee';
 
-import icon_arrow_dwon
+import icon_arrow_dwon from '../../../../../assets/images/player/icon_tabcontainer_arrow_down.png';
-  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';
@@ -55,9 +52,19 @@ export default function LiveChannelNext({
         onSpotlightRight={handleSpotlightRight}
       >
         <div className={css.logoWrapper}>
-          <div className={css.logoBackground} style={{ background: backgroundColor }}>
+          <div
+            className={css.logoBackground}
+            style={{ background: backgroundColor }}
+          >
             {channelLogo ? (
-              <CustomImage src={channelLogo} alt={channelName} className={css.logoImage} />
+              <CustomImage
+                src={channelLogo}
+                alt={channelName}
+                className={classNames(
+                  css.logoImage,
+                  channelName === 'QVC' && css.qvcLogoImg
+                )}
+              />
             ) : (
               <div className={css.logoPlaceholder} />
             )}

com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less

@@ -1,5 +1,5 @@
-@import "../../../../style/CommonStyle.module.less";
+@import '../../../../style/CommonStyle.module.less';
-@import "../../../../style/utils.module.less";
+@import '../../../../style/utils.module.less';
 
 .container {
   position: fixed;
@@ -51,13 +51,16 @@
   display: flex;
   justify-content: center;
   align-items: center;
-  background: linear-gradient(180deg, #284998 0%, #06B0EE 100%);
 }
 
 .logoImage {
   width: 100%;
   height: 100%;
   object-fit: cover;
+  &.qvcLogoImg {
+    width: 70%;
+    height: 70%;
+  }
 }
 
 .logoPlaceholder {
@@ -69,7 +72,7 @@
 .channelName {
   color: #fcfcfc;
   font-size: 25px;
-  font-family: "LG Smart UI";
+  font-family: 'LG Smart UI';
   font-weight: 700;
   line-height: 35px;
   white-space: nowrap;
@@ -81,7 +84,7 @@
 .programName {
   color: rgba(234, 234, 234, 0.7);
   font-size: 25px;
-  font-family: "LG Smart UI";
+  font-family: 'LG Smart UI';
   font-weight: 600;
   line-height: 35px;
   white-space: nowrap;
@@ -91,7 +94,6 @@
   max-width: 180px; // 최대 너비 제한 완화
 }
 
-
 .arrowIcon {
   display: flex;
   align-items: center;