From 27e1e3bb6acdf5de3a57bc2d616009dbb6732937 Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Wed, 17 Dec 2025 18:16:49 +0900
Subject: [PATCH] [251217] fix: VideoPlayer.v3.jsx slider , times layout
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 2025. 12. 17. 18:16:49

📊 변경 통계:
  • 총 파일: 1개
  • 추가: +3줄
  • 삭제: -86줄

📝 수정된 파일:
  ~ com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
  • 코드 정리 및 최적화

Performance: 코드 최적화로 성능 개선 기대
---
 .../VideoPlayer/VideoPlayer.v3.module.less    | 89 +------------------
 1 file changed, 3 insertions(+), 86 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
index ed10c341..9db37b53 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.module.less
@@ -727,9 +727,10 @@
         bottom: -20px;
         > *:first-child {
           text-align: right;
+          margin-right: 12px;
         }
-        > * + * {
-          margin-left: 12px;
+        > *:nth-child(2) {
+          margin-right: 12px;
         }
 
         .enact-locale-rtl({
@@ -790,88 +791,4 @@
 	});
 }
 
-// ========== MediaPlayer.v2 Controls ==========
-.controlsContainer {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 20px 40px 30px;
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, transparent 100%);
-  z-index: 10;
-  display: flex;
-  flex-direction: column;
 
-  > * + * {
-    margin-top: 16px;
-  }
-}
-
-.sliderContainer {
-  display: flex;
-  align-items: center;
-  width: 100%;
-
-  > * + * {
-    margin-left: 12px;
-  }
-}
-
-.times {
-  min-width: 80px;
-  text-align: center;
-}
-
-.controlsButtons {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  > * + * {
-    margin-left: 20px;
-  }
-}
-
-.playPauseBtn {
-  width: 60px;
-  height: 60px;
-  font-size: 24px;
-  background: rgba(255, 255, 255, 0.2);
-  border: 2px solid rgba(255, 255, 255, 0.6);
-  border-radius: 50%;
-  color: white;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  transition: all 0.2s;
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.3);
-    border-color: white;
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-}
-
-.backBtn {
-  padding: 12px 24px;
-  font-size: 18px;
-  background: rgba(255, 255, 255, 0.2);
-  border: 2px solid rgba(255, 255, 255, 0.6);
-  border-radius: 8px;
-  color: white;
-  cursor: pointer;
-  transition: all 0.2s;
-
-  &:hover {
-    background: rgba(255, 255, 255, 0.3);
-    border-color: white;
-  }
-
-  &:active {
-    transform: scale(0.98);
-  }
-}