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 f198efe3..66ad574e 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 @@ -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 { - 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'; @@ -55,9 +52,19 @@ export default function LiveChannelNext({ onSpotlightRight={handleSpotlightRight} >
-
+
{channelLogo ? ( - + ) : (
)} 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 87b2a12b..ef17f195 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 @@ -1,5 +1,5 @@ -@import "../../../../style/CommonStyle.module.less"; -@import "../../../../style/utils.module.less"; +@import '../../../../style/CommonStyle.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;