From 130515811346baae2bb5cbb741c2a0cae1db24d3 Mon Sep 17 00:00:00 2001
From: "junghoon86.park" <junghoon86.park@lgepartner.com>
Date: Mon, 15 Dec 2025 09:52:31 +0900
Subject: [PATCH] =?UTF-8?q?[=EC=98=81=EC=83=81=EB=85=B8=EC=B6=9C=20?=
 =?UTF-8?q?=EA=B4=80=EB=A0=A8=20=EC=8A=A4=ED=83=80=EC=9D=BC=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

 - 영상재생시에 하단에 노출되는 livechannel부분에 qvc는 border-radius 0으로 작업.
---
 .../PlayerItemCard/PlayerItemCard.jsx         | 22 +++++++++++++---
 .../PlayerItemCard.v2.module.less             | 25 +++++++++++--------
 2 files changed, 32 insertions(+), 15 deletions(-)

diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx
index ad30893c..ce98fa38 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.jsx
@@ -106,7 +106,10 @@ export default memo(function PlayerItemCard({
     }
   }, [onFocus]);
 
-  const progressStyle = useMemo(() => ({ width: `${percentGauge}%` }), [percentGauge]);
+  const progressStyle = useMemo(
+    () => ({ width: `${percentGauge}%` }),
+    [percentGauge]
+  );
   const ariaLabel = 'Selected, ' + patnerName + ' ' + productName();
 
   const css = version === 2 ? css2 : css1;
@@ -121,13 +124,17 @@ export default memo(function PlayerItemCard({
       onBlur={_onBlur}
       onClick={_onClick}
       onFocus={_onFocus}
-      spotlightId={productId ? 'spotlightId-' + removeDotAndColon(productId) : spotlightId}
+      spotlightId={
+        productId ? 'spotlightId-' + removeDotAndColon(productId) : spotlightId
+      }
       aria-label={ariaLabel}
       {...rest}
     >
       <div className={css.imageWrap}>
         <CustomImage alt={imageAlt} delay={0} src={imageSource} />
-        {soldoutFlag && soldoutFlag === 'Y' && <div>{$L(STRING_CONF.SOLD_OUT)}</div>}
+        {soldoutFlag && soldoutFlag === 'Y' && (
+          <div>{$L(STRING_CONF.SOLD_OUT)}</div>
+        )}
         {currentVideoVisible && (
           <div className={css.nowPlay}>
             <h3>{$L('Now Playing')}</h3>
@@ -136,7 +143,14 @@ export default memo(function PlayerItemCard({
       </div>
       <div className={css.descWrap}>
         <div className={css.patnerWrap}>
-          <CustomImage className={css.logo} src={logo} fallbackSrc={defaultLogoImg} />
+          <CustomImage
+            className={classNames(
+              css.logo,
+              (patnerName === 'QVC' || patnerName === 'qvc') && css.qvcLogo
+            )}
+            src={logo}
+            fallbackSrc={defaultLogoImg}
+          />
           <h3 className={css.brandName}>{patnerName}</h3>
         </div>
 
diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.v2.module.less b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.v2.module.less
index 37309ed0..0b8f9ebd 100644
--- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.v2.module.less
+++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerItemCard/PlayerItemCard.v2.module.less
@@ -1,5 +1,5 @@
-@import "../../../style/CommonStyle.module.less";
-@import "../../../style/utils.module.less";
+@import '../../../style/CommonStyle.module.less';
+@import '../../../style/utils.module.less';
 
 /* liveHorizontal */
 .liveHorizontal {
@@ -86,10 +86,13 @@
         max-width: 80%;
         max-height: 80%;
         object-fit: contain;
+        &.qvcLogo {
+          border-radius: 0;
+        }
       }
 
       .brandName {
-        color: #EAEAEA;
+        color: #eaeaea;
         font-size: 24px;
         font-family: @baseFont;
         font-weight: 700;
@@ -100,7 +103,7 @@
 
     .title {
       width: 100%;
-      color: #EAEAEA;
+      color: #eaeaea;
       font-size: 24px;
       font-family: @baseFont;
       font-weight: 400;
@@ -124,16 +127,16 @@
 
         // track 역할
         &::before {
-          content: "";
+          content: '';
           .size(@w: 100%, @h: 5px);
           .position(@position: absolute, @top: 0, @left: 0);
-          background: #D4D4D4;
+          background: #d4d4d4;
         }
 
         .gauge {
           height: 5px;
           .position(@position: absolute, @top: 0, @left: 0);
-          background: #7D848C;
+          background: #7d848c;
           transition: width 0.3s ease;
 
           &.focused {
@@ -158,7 +161,7 @@
     border-color: @PRIMARY_COLOR_RED;
 
     &::after {
-      content: "";
+      content: '';
       position: absolute;
       top: 0;
       left: 0;
@@ -259,7 +262,7 @@
       }
 
       .brandName {
-        color: #EAEAEA;
+        color: #eaeaea;
         font-size: 24px;
         font-family: @baseFont;
         font-weight: 700;
@@ -270,7 +273,7 @@
 
     .title {
       width: 100%;
-      color: #EAEAEA;
+      color: #eaeaea;
       font-size: 24px;
       font-family: @baseFont;
       font-weight: 400;
@@ -289,7 +292,7 @@
     border-color: @PRIMARY_COLOR_RED;
 
     &::after {
-      content: "";
+      content: '';
       position: absolute;
       top: 0;
       left: 0;