lunanting/jmalcloud-view
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 优化移动端视频播放器关闭按钮的位置

Browse Source
This commit is contained in:
jmal 2024-09-02 17:59:12 +08:00
parent 49fb1117a3
commit 7b54f983a2
1 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/components/preview/VideoPreview.vue
View File

@ -296,9 +296,10 @@ export default {
.close-bar {
z-index: 2006;
position: relative;
top: -25px;
right: -25px;
top: -30px;
right: -30px;
float: right;
font-size: 18px;
color: #fff0f0;
background: #d4d4d475;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #69696975;
@ -309,15 +310,27 @@ export default {
border-color: #fff0f0;
}
.audio-player-close {
transform: rotate(315deg);
z-index: 2009;
position: absolute;
font-size: 18px;
top: -8px;
right: 13px;
}
}
@media screen and (max-width: 768px) {
.block {
.close-bar {
z-index: 2006;
position: relative;
top: 0;
right: 0;
font-size: 18px;
float: right;
color: #fff0f0;
background: #d4d4d475;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #69696975;
}
.close-bar:hover {
cursor: pointer;
border-color: #fff0f0;
}
}
}
.wrapper {