From 7b54f983a2a8f751814a4912d692a7f30599f128 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Mon, 2 Sep 2024 17:59:12 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E7=A7=BB=E5=8A=A8?=
 =?UTF-8?q?=E7=AB=AF=E8=A7=86=E9=A2=91=E6=92=AD=E6=94=BE=E5=99=A8=E5=85=B3?=
 =?UTF-8?q?=E9=97=AD=E6=8C=89=E9=92=AE=E7=9A=84=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/preview/VideoPreview.vue | 33 +++++++++++++++++--------
 1 file changed, 23 insertions(+), 10 deletions(-)

diff --git a/src/components/preview/VideoPreview.vue b/src/components/preview/VideoPreview.vue
index f803d5e..6d3d863 100644
--- a/src/components/preview/VideoPreview.vue
+++ b/src/components/preview/VideoPreview.vue
@@ -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 {