From b9d52d452c4ba640264b67fc8b29d558736e633a Mon Sep 17 00:00:00 2001
From: optrader <optrader8@gmail.com>
Date: Wed, 17 Dec 2025 18:04:44 +0900
Subject: [PATCH] =?UTF-8?q?[251217]=20fix:=20VideoPlayer.v3.jsx=20Spinner?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🕐 커밋 시간: 2025. 12. 17. 18:04:43

📊 변경 통계:
  • 총 파일: 2개
  • 추가: +18줄
  • 삭제: -6줄

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

🔧 주요 변경 내용:
  • UI 컴포넌트 아키텍처 개선
---
 .../components/VideoPlayer/VideoPlayer.v3.js  |  4 ++--
 .../VideoPlayer/VideoPlayer.v3.module.less    | 20 +++++++++++++++----
 2 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js
index b1bda180..e8684f91 100644
--- a/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js
+++ b/com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.v3.js
@@ -2467,9 +2467,9 @@ const VideoPlayerBase = class extends React.Component {
                 </p>
               }
 
-              <div className={css.loaderWrap}>
+              {/* <div className={css.loaderWrap}>
                 <Loader />
-              </div>
+              </div> */}
             </>
           ) : null}
           {this.state.mediaControlsVisible && (
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 d674fc53..ed10c341 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
@@ -718,7 +718,7 @@
       }
 
       .sliderContainer {
-        // display: flex;
+        display: flex;
         position: relative;
         align-items: center;
         margin-left: 60px;
@@ -728,6 +728,9 @@
         > *:first-child {
           text-align: right;
         }
+        > * + * {
+          margin-left: 12px;
+        }
 
         .enact-locale-rtl({
 					direction: ltr;
@@ -798,14 +801,20 @@
   z-index: 10;
   display: flex;
   flex-direction: column;
-  gap: 16px;
+
+  > * + * {
+    margin-top: 16px;
+  }
 }
 
 .sliderContainer {
   display: flex;
   align-items: center;
-  gap: 12px;
   width: 100%;
+
+  > * + * {
+    margin-left: 12px;
+  }
 }
 
 .times {
@@ -815,9 +824,12 @@
 
 .controlsButtons {
   display: flex;
-  gap: 20px;
   justify-content: center;
   align-items: center;
+
+  > * + * {
+    margin-left: 20px;
+  }
 }
 
 .playPauseBtn {