From 597b5ac4cfb32777f799ab6affadb6c89dd7952a Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Mon, 17 Mar 2025 19:11:31 +0800
Subject: [PATCH] perf: update loading spinner

---
 public/index.html                                           | 4 ++--
 src/views/assets/Cloud/Account/components/ProviderPanel.vue | 4 ++--
 src/views/assets/Cloud/const.js                             | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/index.html b/public/index.html
index 3ea4b79ec..4a6501789 100644
--- a/public/index.html
+++ b/public/index.html
@@ -24,7 +24,7 @@
             z-index: 9999;
         }
 
-        .spinner {
+        #loading .spinner {
             width: 40px;
             height: 40px;
             border: 3px solid transparent;
@@ -33,7 +33,7 @@
             animation: spin 1s linear infinite;
         }
 
-        .spinner::after {
+        #loading .spinner::after {
             content: '';
             position: absolute;
             top: -3px;
diff --git a/src/views/assets/Cloud/Account/components/ProviderPanel.vue b/src/views/assets/Cloud/Account/components/ProviderPanel.vue
index 3ef7bc377..6932beac3 100644
--- a/src/views/assets/Cloud/Account/components/ProviderPanel.vue
+++ b/src/views/assets/Cloud/Account/components/ProviderPanel.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="cloud-select-wrap">
     <el-row :gutter="12">
-      <el-col v-for="p in providers" :key="p.name" :style="p.imageCSS ? p.imageCSS : ''">
+      <el-col v-for="p in providers" :key="p.name">
         <el-card
           :body-style="{ display: 'flex', alignItems: 'center', justifyContent: 'flex-start' }"
           :class="selected === p.name ? 'active': ''"
@@ -79,7 +79,7 @@ export default {
 
 <style lang='scss' scoped>
 .buttons {
-  margin-top: 10px;
+  margin-top: 30px;
 }
 
 .cloud-select-wrap {
diff --git a/src/views/assets/Cloud/const.js b/src/views/assets/Cloud/const.js
index 3254b6862..c4293cf1f 100644
--- a/src/views/assets/Cloud/const.js
+++ b/src/views/assets/Cloud/const.js
@@ -191,7 +191,7 @@ export const ACCOUNT_PROVIDER_ATTRS_MAP = {
     title: i18n.t('LAN'),
     attrs: ['ip_group', 'test_port', 'test_timeout', 'hostname_prefix'],
     image: require('@/assets/img/cloud/lan.svg'),
-    imageCSS: { height: '250px' }
+    imageCSS: {}
   }
 }