From c0c4a1252a6957ef9511f5590b81722c7d92c506 Mon Sep 17 00:00:00 2001
From: zhaojisen <1301338853@qq.com>
Date: Fri, 11 Oct 2024 15:09:19 +0800
Subject: [PATCH] fixed: Fixed the watermark is too dense and the display is
 incomplete after sharing

---
 ui/src/views/ShareTerminal/index.vue | 47 ++++++++++++++--------------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/ui/src/views/ShareTerminal/index.vue b/ui/src/views/ShareTerminal/index.vue
index 488a130d..7c961430 100644
--- a/ui/src/views/ShareTerminal/index.vue
+++ b/ui/src/views/ShareTerminal/index.vue
@@ -2,14 +2,15 @@
     <n-watermark
         cross
         selectable
-        :rotate="-15"
-        :font-size="16"
-        :width="192"
-        :height="128"
-        :x-offset="12"
-        :y-offset="28"
+        :rotate="-45"
+        :font-size="20"
+        :width="300"
+        :height="300"
+        :x-offset="-60"
+        :y-offset="60"
         :content="waterMarkContent"
-        :line-height="16"
+        :line-height="20"
+        :font-family="'Open Sans'"
     >
         <CustomTerminal
             v-if="verified"
@@ -23,7 +24,7 @@
 
 <script setup lang="ts">
 import { useI18n } from 'vue-i18n';
-import {h, onUnmounted, reactive, ref} from 'vue';
+import { h, onUnmounted, reactive, ref } from 'vue';
 import {
     NInput,
     NButton,
@@ -60,7 +61,7 @@ const warningIntervalId = ref<number>(0);
 const onlineUsersMap = reactive<{ [key: string]: any }>({});
 
 onUnmounted(() => {
-  clearInterval(warningIntervalId.value);
+    clearInterval(warningIntervalId.value);
 });
 
 const handleVerify = () => {
@@ -150,20 +151,20 @@ const onSocketData = (msgType: string, msg: any, _terminal: Terminal) => {
 
             break;
         }
-      case 'TERMINAL_PERM_VALID': {
-        clearInterval(warningIntervalId.value);
-        message.info(`${t('PermissionValid')}`);
-        break;
-      }
-      case 'TERMINAL_PERM_EXPIRED': {
-        const data = JSON.parse(msg.data);
-        const warningMsg = `${t('PermissionExpired')}: ${data.detail}`;
-        message.warning(warningMsg);
-        warningIntervalId.value = setInterval(() => {
-          message.warning(warningMsg);
-        }, 1000 * 26);
-        break;
-      }
+        case 'TERMINAL_PERM_VALID': {
+            clearInterval(warningIntervalId.value);
+            message.info(`${t('PermissionValid')}`);
+            break;
+        }
+        case 'TERMINAL_PERM_EXPIRED': {
+            const data = JSON.parse(msg.data);
+            const warningMsg = `${t('PermissionExpired')}: ${data.detail}`;
+            message.warning(warningMsg);
+            warningIntervalId.value = setInterval(() => {
+                message.warning(warningMsg);
+            }, 1000 * 26);
+            break;
+        }
         default: {
             break;
         }