✨✨

src/App.vue

@@ -38,7 +38,7 @@ export default {
     PinnedStuff,
   },
   setup() {
-    const collapsed = ref(true);
+    const collapsed = ref(false);
 
     const logo = ref(null);
 

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;

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 {

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"],

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;