From 05d81930a48e57622159d95462f3b8e8d9728b1a Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 30 Mar 2022 14:54:45 +0300
Subject: [PATCH] [client] add loader to nav

---
 src/components/nav/NavBar.vue | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/nav/NavBar.vue b/src/components/nav/NavBar.vue
index 4b2cdd2c..1c2f4bca 100644
--- a/src/components/nav/NavBar.vue
+++ b/src/components/nav/NavBar.vue
@@ -8,13 +8,16 @@
         <div class="title">Playlists</div>
       </div>
     </div>
-    <div class="center rounded"></div>
+    <div class="center rounded">
+      <Loader />
+    </div>
     <div class="right"></div>
   </div>
 </template>
 
 <script setup>
 import PlayBtn from "../shared/PlayBtn.vue";
+import Loader from "../shared/Loader.vue";
 </script>
 
 <style lang="scss">
@@ -39,12 +42,7 @@ import PlayBtn from "../shared/PlayBtn.vue";
 
   .center {
     display: grid;
-
-    .songcard {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
+    place-items: center;
   }
 }
 </style>