style: style optimization

mail-vue/index.html

@@ -43,7 +43,6 @@
 
   .loading-hide {
     pointer-events: none;
-    transition: all 200ms;
     opacity: 0;
   }
 

mail-vue/src/router/index.js

@@ -174,21 +174,12 @@ router.afterEach((to) => {
 })
 
 function removeLoading() {
-    if (window.innerWidth < 1025) {
-        document.documentElement.style.setProperty('--loading-hide-transition', 'none')
-    }
     const doc = document.getElementById('loading-first');
     if (!doc) {
         return;
     }
 
-    doc.classList.add('loading-complete')
+    doc.remove()
-    setTimeout(() => {
-        doc.classList.add('loading-hide')
-        setTimeout(() => {
-            doc.remove()
-        }, 1000)
-    }, 200)
 }
 
 export default router

mail-vue/src/views/sys-setting/index.vue

@@ -1468,7 +1468,7 @@ function editSetting(settingForm, refreshStatus = true) {
 .card-grid {
 
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
   padding: 20px;
   gap: 20px;
   @media (max-width: 500px) {