From 0a2ef0e68b113e79abf6d38d72a02e63474dd13a Mon Sep 17 00:00:00 2001 From: "junghoon86.park" Date: Wed, 26 Nov 2025 17:17:12 +0900 Subject: [PATCH] =?UTF-8?q?[=EC=98=81=EC=83=81=20=EC=8A=A4=ED=83=80?= =?UTF-8?q?=EC=9D=BC=20=EC=88=98=EC=A0=95]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 노출 이상부분 수정과 버튼 위치 및 프로그레스바 위치변경. --- .../MediaPlayer/MediaSlider.module.less | 6 +++--- .../components/MediaPlayer/Times.module.less | 20 ++++++++++++------- .../VideoPlayer/VideoPlayer.module.less | 6 +++--- .../v2/LiveChannelNext.module.less | 4 ++-- 4 files changed, 21 insertions(+), 15 deletions(-) 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 cfca3fca..00bccad4 100644 --- a/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less +++ b/com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less @@ -18,8 +18,7 @@ @slider-padding-h: @sand-mediaplayer-slider-knob-size; margin-left: 130px; margin-right: 130px; - flex: 1 0 auto; - width: 1540px; + flex: 1 0 auto; height: 6px; &.videoVertical { @@ -31,10 +30,11 @@ } .mediaSlider { - margin: 0 @slider-padding-h; + margin: 0 0 0 @slider-padding-h; padding: @slider-padding-v 0; height: @sand-mediaplayer-slider-height; right: 154px; + width: 1466px; // 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 c43a82b5..647665b8 100644 --- a/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less +++ b/com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less @@ -6,23 +6,29 @@ .times { position: absolute; font-family: @baseFont; - width: 100%; - top: 22px; - right: 30px; + width: 100%; + right: 90px; + bottom: -5px; font-size: 24px; font-weight: bold; line-height: 30px; text-align: right; - + letter-spacing: -1px; .separator { position: absolute; - right: 110px; + right: 105px; + bottom: -5px; } .currentTime { position: absolute; - right: 140px; + right: 130px; + bottom: -5px; + } + .totalTime { + position: absolute; + bottom: -5px; + right:0px; } - > * { color: #fff; } diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less index b7e287a9..798f4739 100644 --- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less +++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less @@ -692,10 +692,10 @@ // display: flex; position: relative; align-items: center; - margin-left: 60px; - margin-right: 59px; height: 70px; - bottom: -20px; + width:1800px; + margin-left:60px; + bottom:92px; > *:first-child { text-align: right; } 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 4773d1ef..87b2a12b 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 @@ -3,7 +3,7 @@ .container { position: fixed; - bottom: 40px; + bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 5; @@ -14,7 +14,7 @@ max-width: 455px; height: 92px; padding: 10px 10px 10px 10px; - margin-bottom: 50px; + margin-bottom: 10px; background: rgba(0, 0, 0, 0.3); border: 1px solid rgba(234, 234, 234, 0.3); border-radius: 100px;