perf: cancel round corner of window when full screen

Author: tiny-craft

frontend/src/AppContent.vue

@@ -74,14 +74,23 @@ watch(
         }
     },
 )
+
+const borderRadius = computed(() => {
+    if (isMacOS()) {
+        return WindowIsFullscreen().then((full) => {
+            return full ? '0' : '10px'
+        })
+    }
+    return '10px'
+})
 </script>
 
 <template>
     <!-- app content-->
     <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"