set white background color for close icon

web/.env.development

@@ -6,6 +6,6 @@ VUE_APP_ADMIN_USER=admin
 VUE_APP_ADMIN_PASS=admin123
 VUE_APP_KEY_PREFIX=GeekAI_DEV_
 VUE_APP_TITLE="Geek-AI 创作系统"
-VUE_APP_VERSION=v4.1.7
+VUE_APP_VERSION=v4.1.8
 VUE_APP_DOCS_URL=https://docs.geekai.me
 VUE_APP_GIT_URL=https://github.com/yangjian102621/geekai

web/.env.production

@@ -1,6 +1,6 @@
 VUE_APP_API_HOST=
 VUE_APP_WS_HOST=
 VUE_APP_KEY_PREFIX=GeekAI_
-VUE_APP_VERSION=v4.1.7
+VUE_APP_VERSION=v4.1.8
 VUE_APP_DOCS_URL=https://docs.geekai.me
 VUE_APP_GIT_URL=https://github.com/yangjian102621/geekai

web/src/components/FileList.vue

@@ -13,12 +13,7 @@
         </div>
         <div class="body">
           <div class="title">
-            <el-link
-              :href="file.url"
-              target="_blank"
-              style="--el-font-weight-primary: bold"
-              >{{ substr(file.name, 30) }}</el-link
-            >
+            <el-link :href="file.url" target="_blank" style="--el-font-weight-primary: bold">{{ substr(file.name, 30) }}</el-link>
           </div>
           <div class="info">
             <span>{{ GetFileType(file.ext) }}</span>
@@ -42,18 +37,14 @@ import { FormatFileSize, GetFileIcon, GetFileType } from "@/store/system";
 const props = defineProps({
   files: {
     type: Array,
-    default: []
-  }
+    default: [],
+  },
 });
 const emits = defineEmits(["removeFile"]);
 const fileList = ref(props.files);
 
 const removeFile = (file) => {
-  fileList.value = removeArrayItem(
-    fileList.value,
-    file,
-    (v1, v2) => v1.url === v2.url
-  );
+  fileList.value = removeArrayItem(fileList.value, file, (v1, v2) => v1.url === v2.url);
   emits("removeFile", file);
 };
 </script>
@@ -118,6 +109,10 @@ const removeFile = (file) => {
     color #da0d54
     cursor pointer
     font-size 20px
+    .el-icon {
+      background-color #fff
+      border-radius 50%
+    }
   }
 }
 </style>