okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Change spinner to something a little nicer.

Browse source
This commit is contained in:
cryptofyre 2022-01-09 10:15:33 -06:00
parent 905173fd0e
commit 4a9ddd0f3a
3 changed files with 9 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

0
src/renderer/assets/spinner.gif → src/renderer/assets/spinner-old.gif
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB

Before After
Before After

6
src/renderer/assets/spinner.svg Normal file
View file

@ -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>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

6
src/renderer/style.less
View file

@ -654,12 +654,12 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
} }
.spinner { .spinner {
background-image: url("assets/spinner.gif"); background-image: url("assets/spinner.svg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
width: 32px; width: 50px;
height: 32px; height: 50px;
display: inline-block; display: inline-block;
} }