diff --git a/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less b/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less index 00bccad4..5c1cb689 100644 --- a/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less +++ b/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less @@ -34,7 +34,7 @@ padding: @slider-padding-v 0; height: @sand-mediaplayer-slider-height; right: 154px; - width: 1466px; + width: 1558px; // Add a tap area that extends to the edges of the screen, to make the slider more accessible &::before { content: ""; diff --git a/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less b/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less index 647665b8..9266e0bc 100644 --- a/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less +++ b/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less @@ -7,7 +7,7 @@ position: absolute; font-family: @baseFont; width: 100%; - right: 90px; + right: 20px; bottom: -5px; font-size: 24px; font-weight: bold; @@ -16,12 +16,12 @@ letter-spacing: -1px; .separator { position: absolute; - right: 105px; + right: 95px; bottom: -5px; } .currentTime { position: absolute; - right: 130px; + right: 120px; bottom: -5px; } .totalTime { diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx index da474dbf..121b2a09 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.jsx @@ -390,7 +390,7 @@ function PlayerOverlayContents({ e.preventDefault(); // tabIndexV2가 2일 때만 LiveChannelNext로 포커스 if (tabContainerVersion === 2 && tabIndexV2 === 2) { - Spotlight.focus('live-channel-next-button'); + Spotlight.focus('below-tab-shop-now-button'); } }} onSpotlightDown={(e) => { diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.module.less b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.module.less index 12462c2e..171bdc85 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.module.less +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerOverlay/PlayerOverlayContents.module.less @@ -13,8 +13,8 @@ background-image: url("../../../../assets/images/btn/btn-video-cc-nor@3x.png"); background-size: cover; position: absolute; - right: 60px; - top: 800px; + right: 300px; + top: 680px; z-index: 10; &.videoVericalSubtitleButton { diff --git a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowButton.jsx b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowButton.jsx index eeebd09b..da34a19b 100644 --- a/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowButton.jsx +++ b/com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/ShopNowButton.jsx @@ -21,8 +21,16 @@ export default function ShopNowButton({ onClick }) { e.stopPropagation(); e.preventDefault(); // tabIndexV2가 2일 때만 CC 버튼으로 내려가기 - Spotlight.focus('player-subtitlebutton'); + Spotlight.focus('live-channel-next-button'); }; + + const handleSpotlightLeft = (e) => { + e.stopPropagation(); + e.preventDefault(); + // tabIndexV2가 2일 때만 CC 버튼으로 내려가기 + Spotlight.focus('player-subtitlebutton'); + }; + return (
SHOP NOW