From 4a9ddd0f3ad6da26cd829e3fc519311d1014a8ac Mon Sep 17 00:00:00 2001
From: cryptofyre <cryptofyre@cryptofyre.org>
Date: Sun, 9 Jan 2022 10:15:33 -0600
Subject: [PATCH] Change spinner to something a little nicer.

---
 .../assets/{spinner.gif => spinner-old.gif}         | Bin
 src/renderer/assets/spinner.svg                     |   6 ++++++
 src/renderer/style.less                             |   6 +++---
 3 files changed, 9 insertions(+), 3 deletions(-)
 rename src/renderer/assets/{spinner.gif => spinner-old.gif} (100%)
 create mode 100644 src/renderer/assets/spinner.svg

diff --git a/src/renderer/assets/spinner.gif b/src/renderer/assets/spinner-old.gif
similarity index 100%
rename from src/renderer/assets/spinner.gif
rename to src/renderer/assets/spinner-old.gif
diff --git a/src/renderer/assets/spinner.svg b/src/renderer/assets/spinner.svg
new file mode 100644
index 00000000..38e1f9ab
--- /dev/null
+++ b/src/renderer/assets/spinner.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; display: block; --darkreader-inline-bgcolor: rgba(24, 26, 27, 0); --darkreader-inline-bgimage: none; shape-rendering: auto; animation-play-state: running; animation-delay: 0s;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" data-darkreader-inline-bgcolor="" data-darkreader-inline-bgimage="">
+<circle cx="50" cy="50" r="32" stroke-width="10" stroke="#fe718d" stroke-dasharray="50.26548245743669 50.26548245743669" fill="none" stroke-linecap="round" style="--darkreader-inline-stroke: #fe6987; animation-play-state: running; animation-delay: 0s;" data-darkreader-inline-stroke="">
+  <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" keyTimes="0;1" values="0 50 50;360 50 50" style="animation-play-state: running; animation-delay: 0s;"></animateTransform>
+</circle>
+<!-- [ldio] generated by https://loading.io/ --></svg>
\ No newline at end of file
diff --git a/src/renderer/style.less b/src/renderer/style.less
index 20083c80..078e0a62 100644
--- a/src/renderer/style.less
+++ b/src/renderer/style.less
@@ -654,12 +654,12 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
 }
 
 .spinner {
-  background-image: url("assets/spinner.gif");
+  background-image: url("assets/spinner.svg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
-  width: 32px;
-  height: 32px;
+  width: 50px;
+  height: 50px;
   display: inline-block;
 }