[251217] fix: VideoPlayer.v3.jsx Spinner제거

🕐 커밋 시간: 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 컴포넌트 아키텍처 개선

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 && (

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 {