From aa5b43583326686a770280a559e0242435a96163 Mon Sep 17 00:00:00 2001
From: AkiChase <1003019131@qq.com>
Date: Tue, 28 May 2024 18:11:07 +0800
Subject: [PATCH] fix(All): user-select for webkit

---
 src/App.vue                     | 5 +++++
 src/components/Header.vue       | 1 +
 src/components/ScreenStream.vue | 2 ++
 3 files changed, 8 insertions(+)

diff --git a/src/App.vue b/src/App.vue
index 48c9cbb..6f113fc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -58,4 +58,9 @@ onMounted(async () => {
   width: 100%;
   height: 100%;
 }
+
+.n-message {
+  user-select: none;
+  -webkit-user-select: none;
+}
 </style>
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 087cfd4..104ee65 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -50,6 +50,7 @@ async function maximizeOrRestore() {
   align-items: center;
   border-radius: 0 10px 0 0;
   user-select: none;
+  -webkit-user-select: none;
 
   .n-button-group{
     flex-shrink: 0;
diff --git a/src/components/ScreenStream.vue b/src/components/ScreenStream.vue
index 38de18f..acdd4ab 100644
--- a/src/components/ScreenStream.vue
+++ b/src/components/ScreenStream.vue
@@ -66,10 +66,12 @@ onBeforeUnmount(() => {
   z-index: 0;
   pointer-events: none;
   user-select: none;
+  -webkit-user-select: none;
 
   img {
     pointer-events: none;
     user-select: none;
+    -webkit-user-select: none;
   }
 }
 </style>