perf: update loading spinner

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;

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 {

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: {}
   }
 }