From dbdec4bfcfa91b74587b67eafc5a409892979a09 Mon Sep 17 00:00:00 2001
From: tiny-craft <137850705+tiny-craft@users.noreply.github.com>
Date: Sun, 24 Sep 2023 22:48:41 +0800
Subject: [PATCH] perf: cancel round corner of window when full screen

---
 frontend/src/AppContent.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/frontend/src/AppContent.vue b/frontend/src/AppContent.vue
index 24d4bd8..33409e2 100644
--- a/frontend/src/AppContent.vue
+++ b/frontend/src/AppContent.vue
@@ -74,6 +74,15 @@ watch(
         }
     },
 )
+
+const borderRadius = computed(() => {
+    if (isMacOS()) {
+        return WindowIsFullscreen().then((full) => {
+            return full ? '0' : '10px'
+        })
+    }
+    return '10px'
+})
 </script>
 
 <template>
@@ -81,7 +90,7 @@ watch(
     <n-spin
         :show="props.loading"
         :theme-overrides="{ opacitySpinning: 0 }"
-        :style="{ backgroundColor: themeVars.bodyColor, borderRadius: WindowIsFullscreen() ? '0' : '10px' }">
+        :style="{ backgroundColor: themeVars.bodyColor, borderRadius }">
         <div
             id="app-content-wrapper"
             class="flex-box-v"