Improve the spinner

block-core · Dec 5, 2023 · cc97208 · cc97208
1 parent baf01c6
commit cc97208
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/src/Angor/Client/wwwroot/Bitcoin-Logo.png b/src/Angor/Client/wwwroot/Bitcoin-Logo.png
diff --git a/src/Angor/Client/wwwroot/css/app.css b/src/Angor/Client/wwwroot/css/app.css
@@ -179,16 +179,14 @@ tr[style*="cursor: pointer;"]:hover {
 }
 
 .loader {
-    border: 16px solid #f3f3f3;
+    border: 8px solid #eaeaea; /* Light grey for the base circle */
+    border-top: 8px solid #f7931a; /* Bitcoin orange for the rotating part */
     border-radius: 50%;
-    border-top: 16px solid blue;
-    border-right: 16px solid green;
-    border-bottom: 16px solid red;
-    border-left: 16px solid pink;
-    width: 120px;
-    height: 120px;
-    -webkit-animation: spin 2s linear infinite; /* Safari */
+    width: 60px; /* Smaller width */
+    height: 60px; /* Smaller height */
     animation: spin 2s linear infinite;
+    background: url('../bitcoin-logo.png') no-repeat center;
+    background-size: 90%; /* Adjust the size of the logo as needed */
 }
 
 /* Safari */