From 2ecba8e161e5698b9f6db3a3c0f115b5877c51df Mon Sep 17 00:00:00 2001
From: Map1en_ <maplenagisa@gmail.com>
Date: Wed, 14 Apr 2021 01:38:38 +0800
Subject: [PATCH] feat(nyancat): add the status of stillness nyancat (#541)

---
 public/img/logos/nyancat-stop.png | Bin 0 -> 816 bytes
 src/assets/css/slider.css         |   5 +++++
 src/components/Player.vue         |   5 ++++-
 3 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 public/img/logos/nyancat-stop.png

diff --git a/public/img/logos/nyancat-stop.png b/public/img/logos/nyancat-stop.png
new file mode 100644
index 0000000000000000000000000000000000000000..72bf07ead00c1fbf003fc49abb91a214b4ec98ae
GIT binary patch
literal 816
zcmeAS@N?(olHy`uVBq!ia0y~yVEh8aaV*S0k;eKDhCqt3ILO_J@#aaLdLW0hz$3Dl
zfq`2Xgc%uT&5-~KN(A_XxB_V)_<v^R|C#^)8_xuS|3ENvrsq%Z5}*V}NswPK14sx6
zuAT}pVqjpJ>*?YcQZeW4U0=Tz1BQmcy^R?*2VQWdePMFbKj5^tv0D7t>)i{Ibu@iX
z_n-K&PgQg2`ZXN}^X7U^Qh}hqduLtU<=~DC<X`NGK5#bcZP;yw5;*wMd*N{N<<uhE
za_%yTdkxDRk#)GsFS<XCd)_X&$BVzOY<_v+A~HDr!gZai)q=%vu-@;!d0_bBmmh6j
zyx_j5K5g0Z@4~WhQ0rUOzOSw?>+se|=_)TD&OWU+PhDotA5|4A1o*{Z8}}=;PtMD~
zVV~UIYVj|eaP6|Pe@kA*=1$fuSNf$k|2ncmrY{QrbH&TDw&n#gSnh4VFHgqwSLNRC
zGt*||DVBsp?`K3(VESeH_I01`o}Aa%7njnT?s4hx@Ab_32c9`00${$A{*Dv+mu{bt
zeZi|~$t+u|_v;5z7#zQ_dH?=dYntx;){bub_e=8Y#NDi{Uzb%Q3~+akpYgBwMETnf
z2NyHfGTF+>Tz1~B>IDz{l9DgFmk&$wYkK6%ii%oX_`NP5&%?()%<tV+WJA_35*LYA
z-pRQ5wraTDF0*oOWZz%(?}+;^_4bu-9VE8@FJ1_Wk^D(@bEA&OM3j74bUh<IDy(Rh
znN06BVSdX#q!^a}(O$+Z?%B7tev8JAl(Vbc+WY$Y;!MP9?|Cl*nsHvt%Iequ1>UeU
g1x{I8e(qxk)?B)r*ZLPQKQJ(Oy85}Sb4q9e0FFp~6951J

literal 0
HcmV?d00001

diff --git a/src/assets/css/slider.css b/src/assets/css/slider.css
index 2e5f40d..d955bcc 100644
--- a/src/assets/css/slider.css
+++ b/src/assets/css/slider.css
@@ -100,6 +100,11 @@
   visibility: visible;
 }
 
+.nyancat-stop .vue-slider-dot-handle {
+  background-image: url("/img/logos/nyancat-stop.png");
+  transition: 300ms;
+}
+
 /* lyrics */
 .lyrics-page .vue-slider-rail {
   background-color: rgba(128, 128, 128, 0.18);
diff --git a/src/components/Player.vue b/src/components/Player.vue
index cbba0f5..2767b6d 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -2,7 +2,10 @@
   <div class="player" @click="toggleLyrics">
     <div
       class="progress-bar"
-      :class="{ nyancat: settings.nyancatStyle }"
+      :class="{
+        nyancat: settings.nyancatStyle,
+        'nyancat-stop': settings.nyancatStyle && !player.playing,
+      }"
       @click.stop
     >
       <vue-slider