optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[영상 스타일 수정]

Browse Source 
- 노출 이상부분 수정과 버튼 위치 및 프로그레스바 위치변경.
This commit is contained in:
junghoon86.park
2025-11-26 17:17:12 +09:00
parent 96cbd1f67e
commit 0a2ef0e68b
4 changed files with 21 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
com.twin.app.shoptime/src/components/MediaPlayer/MediaSlider.module.less
View File

@@ -18,8 +18,7 @@
@slider-padding-h: @sand-mediaplayer-slider-knob-size; @slider-padding-h: @sand-mediaplayer-slider-knob-size;
margin-left: 130px; margin-left: 130px;
margin-right: 130px; margin-right: 130px;
flex: 1 0 auto; flex: 1 0 auto;
width: 1540px;
height: 6px; height: 6px;
&.videoVertical { &.videoVertical {
@@ -31,10 +30,11 @@
} }
.mediaSlider { .mediaSlider {
margin: 0 @slider-padding-h; margin: 0 0 0 @slider-padding-h;
padding: @slider-padding-v 0; padding: @slider-padding-v 0;
height: @sand-mediaplayer-slider-height; height: @sand-mediaplayer-slider-height;
right: 154px; right: 154px;
width: 1466px;
// Add a tap area that extends to the edges of the screen, to make the slider more accessible // Add a tap area that extends to the edges of the screen, to make the slider more accessible
&::before { &::before {
content: ""; content: "";

20
com.twin.app.shoptime/src/components/MediaPlayer/Times.module.less
View File

@@ -6,23 +6,29 @@
.times { .times {
position: absolute; position: absolute;
font-family: @baseFont; font-family: @baseFont;
width: 100%; width: 100%;
top: 22px; right: 90px;
right: 30px; bottom: -5px;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
line-height: 30px; line-height: 30px;
text-align: right; text-align: right;
letter-spacing: -1px;
.separator { .separator {
position: absolute; position: absolute;
right: 110px; right: 105px;
bottom: -5px;
} }
.currentTime { .currentTime {
position: absolute; position: absolute;
right: 140px; right: 130px;
bottom: -5px;
}
.totalTime {
position: absolute;
bottom: -5px;
right:0px;
} }
> * { > * {
color: #fff; color: #fff;
} }

6
com.twin.app.shoptime/src/components/VideoPlayer/VideoPlayer.module.less
View File

@@ -692,10 +692,10 @@
// display: flex; // display: flex;
position: relative; position: relative;
align-items: center; align-items: center;
margin-left: 60px;
margin-right: 59px;
height: 70px; height: 70px;
bottom: -20px; width:1800px;
margin-left:60px;
bottom:92px;
> *:first-child { > *:first-child {
text-align: right; text-align: right;
} }

4
com.twin.app.shoptime/src/views/PlayerPanel/PlayerTabContents/v2/LiveChannelNext.module.less
View File

@@ -3,7 +3,7 @@
.container { .container {
position: fixed; position: fixed;
bottom: 40px; bottom: 30px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
z-index: 5; z-index: 5;
@@ -14,7 +14,7 @@
max-width: 455px; max-width: 455px;
height: 92px; height: 92px;
padding: 10px 10px 10px 10px; padding: 10px 10px 10px 10px;
margin-bottom: 50px; margin-bottom: 10px;
background: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(234, 234, 234, 0.3); border: 1px solid rgba(234, 234, 234, 0.3);
border-radius: 100px; border-radius: 100px;