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}
>
- {soldoutFlag && soldoutFlag === 'Y' &&
{$L(STRING_CONF.SOLD_OUT)}
}
+ {soldoutFlag && soldoutFlag === 'Y' && (
+
{$L(STRING_CONF.SOLD_OUT)}
+ )}
{currentVideoVisible && (
{$L('Now Playing')}
@@ -136,7 +143,14 @@ export default memo(function PlayerItemCard({
-
+
{patnerName}
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;