From 09e46cc9071f29bdfb45ffc7acbd6678781258ed Mon Sep 17 00:00:00 2001
From: winkidney <winkidney@gmail.com>
Date: Mon, 2 Dec 2019 23:02:36 +0800
Subject: [PATCH] Refactor: Make loader standalone component

---
 pinry-spa/src/components/Pins.vue          | 7 +------
 pinry-spa/src/components/utils/loader.scss | 5 +++++
 2 files changed, 6 insertions(+), 6 deletions(-)
 create mode 100644 pinry-spa/src/components/utils/loader.scss

diff --git a/pinry-spa/src/components/Pins.vue b/pinry-spa/src/components/Pins.vue
index 54aaf13..5e6b3e2 100644
--- a/pinry-spa/src/components/Pins.vue
+++ b/pinry-spa/src/components/Pins.vue
@@ -239,12 +239,7 @@ $pin-footer-position-fix: -6px;
 $avatar-width: 30px;
 $avatar-height: 30px;
 @import './utils/fonts';
-
-@mixin loader {
-  background: url('../assets/loader.gif');
-  background-position: center center;
-  background-repeat: no-repeat;
-}
+@import './utils/loader.scss';
 
 .pin-card{
   .pin-preview-image {
diff --git a/pinry-spa/src/components/utils/loader.scss b/pinry-spa/src/components/utils/loader.scss
new file mode 100644
index 0000000..1dcb4db
--- /dev/null
+++ b/pinry-spa/src/components/utils/loader.scss
@@ -0,0 +1,5 @@
+@mixin loader {
+  background: url('/assets/loader.gif');
+  background-position: center center;
+  background-repeat: no-repeat;
+}