Fixed: Fix the issue of the close icon displaying rounded corners in Windows.

Author: ZhaoJiSen

ui/components/Main/main.vue

@@ -52,7 +52,8 @@ provide("providerClearSelection", providerClearSelection);
     }"
     :ui="{
       header: 'p-0 sm:p-0',
-      body: 'p-2 pr-1 sm:p-4 px-4 h-[calc(100vh-58px)]'
+      body: 'p-2 pr-1 sm:p-4 px-4 h-[calc(100vh-58px)]',
+      root: 'rounded-none'
     }"
     @click="clearSelection"
   >

ui/layouts/default.vue

@@ -3,17 +3,17 @@ const { initialTheme, listenOSThemeChange } = useThemeAdapter();
 const { isWindows } = usePlatform();
 
 const cardUi = computed(() => {
-  const root = ["rounded-none", "overflow-visible"]
+  const base = ["rounded-none", "overflow-visible"];
 
   if (isWindows.value) {
-    root.push("border-0", "ring-0", "shadow-none", "bg-transparent");
+    base.push("border-0", "ring-0", "shadow-none", "bg-transparent");
   }
 
   return {
     header: "p-0 sm:px-0",
     body: "p-0 sm:p-0",
     footer: "p-0 sm:p-0",
-    root: root.join(" ")
+    root: base.join(" ")
   };
 });
 
@@ -24,8 +24,12 @@ onMounted(() => {
 </script>
 
 <template>
-  <UCard variant="outline" :ui="cardUi" style="background-color: transparent">
-    <div class="flex gap-0 w-full h-screen">
+  <UCard
+    variant="outline"
+    :ui="cardUi"
+    style="background-color: transparent"
+  >
+    <div class="flex gap-0 w-full h-screen border-none">
       <SideBar />
 
       <Main class="flex-1 min-w-0">