From 872badbc652708bf1b194e7ee1f9027e7c665f5e Mon Sep 17 00:00:00 2001
From: geoffrey45 <geoffreymungai45@gmail.com>
Date: Wed, 24 Nov 2021 22:28:34 +0300
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=E2=9C=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                             |  2 +-
 src/assets/css/global.css               |  5 ++-
 src/components/FolderView/SearchBox.vue | 10 ++---
 src/data/songs.js                       | 50 -------------------------
 src/views/FolderView.vue                |  2 +-
 5 files changed, 10 insertions(+), 59 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 32fe171..bd94867 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,7 +38,7 @@ export default {
     PinnedStuff,
   },
   setup() {
-    const collapsed = ref(true);
+    const collapsed = ref(false);
 
     const logo = ref(null);
 
diff --git a/src/assets/css/global.css b/src/assets/css/global.css
index cbb49bc..7af37ce 100644
--- a/src/assets/css/global.css
+++ b/src/assets/css/global.css
@@ -7,13 +7,14 @@ body {
   margin: 0;
   background: #0d0e0e;
   color: #fff;
+  font-family: 'Helvetica Neue', sans-serif;
 }
 
-#app {
+/* #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-}
+} */
 
 a {
   text-decoration: none;
diff --git a/src/components/FolderView/SearchBox.vue b/src/components/FolderView/SearchBox.vue
index cdf0dc8..940b110 100644
--- a/src/components/FolderView/SearchBox.vue
+++ b/src/components/FolderView/SearchBox.vue
@@ -32,17 +32,17 @@ export default {};
 
 .folder-top .fsearch {
   width: 50%;
-  display: flex;
-  justify-content: flex-end;
-  margin-right: 10px;
+  margin-right: 1em;
 }
 
 .folder-top .fsearch div {
   width: 100%;
+  display: flex;
+  justify-content: flex-end;
 }
 
 .folder-top .fsearch input {
-  width: 100%;
+  width: 30em;
   border: none;
   border-radius: 2em;
   padding-left: 1em;
@@ -52,13 +52,13 @@ export default {};
   line-height: 3em;
   outline: none;
 }
+
 .folder-top .fsearch input::-webkit-search-cancel-button {
   position: relative;
   right: 20px;
   cursor: pointer;
   width: 50px;
   height: 50px;
-  border: solid;
 }
 
 .folder-top .fsearch input:focus {
diff --git a/src/data/songs.js b/src/data/songs.js
index 5f40a82..3327765 100644
--- a/src/data/songs.js
+++ b/src/data/songs.js
@@ -28,58 +28,8 @@ const songs = [
     album: "Love songs",
     artists: ["Don Williams"],
     duration: "03:14",
-  },  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams,", "Kenny Rogers"],
-    duration: "03:14",
   },
   {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams"],
-    duration: "03:14",
-  },
-  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams"],
-    duration: "03:14",
-  },  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams,", "Kenny Rogers"],
-    duration: "03:14",
-  },
-  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams"],
-    duration: "03:14",
-  },
-  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams"],
-    duration: "03:14",
-  },  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams,", "Kenny Rogers"],
-    duration: "03:14",
-  },
-  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams"],
-    duration: "03:14",
-  },
-  {
-    title: "Loved by the best",
-    album: "Love songs",
-    artists: ["Don Williams"],
-    duration: "03:14",
-  },  {
     title: "Loved by the best",
     album: "Love songs",
     artists: ["Don Williams,", "Kenny Rogers"],
diff --git a/src/views/FolderView.vue b/src/views/FolderView.vue
index 452b1cd..c2c1f8a 100644
--- a/src/views/FolderView.vue
+++ b/src/views/FolderView.vue
@@ -33,7 +33,7 @@ export default {
 #f-view-parent {
   position: relative;
   height: 100%;
-  background-color: rgba(41, 37, 37, 0.301);
+  background-color: #131313b2;
   padding-left: 1em;
   padding-right: 1em;
   padding-top: 5em;