From 947e5ed1305f41bbb15f9f0ff0a67679a0b7b5e9 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Fri, 3 Mar 2023 23:19:37 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=B6=88=E6=81=AFloading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../sass/pages/components/dialog-wrapper.scss | 21 ++++++++++++-------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 7a30d792f..b8f925bfd 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -953,6 +953,7 @@
 
             &.loading {
                 height: 20px;
+                box-sizing: content-box;
                 align-items: center;
                 justify-content: center;
             }
@@ -1468,21 +1469,25 @@
 }
 
 .dialog-wrapper-loading {
-    width: 14px;
-    height: 8px;
-    display: inline-block;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    display: block;
+    margin: 0 auto;
     position: relative;
-    border-radius: 4px;
-    background: rgba($primary-text-color, 0.2);
-    animation: dialog-loading-animation 0.6s 0.3s ease infinite alternate;
+    background: #e3e3e3;
+    box-sizing: border-box;
+    animation: dialog-loading-animation 0.5s linear infinite alternate;
 }
 
 @keyframes dialog-loading-animation {
     0% {
-        width: 14px;
+        box-shadow: 0 0, 0 0;
+        color: rgba(#e3e3e3, 0.2);
     }
     100% {
-        width: 24px;
+        box-shadow: -12px 0, 12px 0;
+        color: rgba(#e3e3e3, 0.8);
     }
 }