add folder list

src/views/FolderView.vue

@@ -1,19 +1,23 @@
 <template>
-  <div>
-    <SongList/>
-    <!-- <hr> -->
-    <FolderList/>
+  <div id="f-view-parent" class="rounded">
+    <SearchBox />
+    <div id="scrollable">
+      <SongList />
+      <FolderList />
+    </div>
   </div>
 </template>
 
 <script>
 import SongList from "@/components/FolderView/SongList.vue";
 import FolderList from "@/components/FolderView/FolderList.vue";
+import SearchBox from "@/components/FolderView/SearchBox.vue";
 
 export default {
   components: {
     SongList,
-    FolderList
+    FolderList,
+    SearchBox,
   },
   setup() {
     return {
@@ -24,5 +28,18 @@ export default {
 </script>
 
 <style>
+#f-view-parent {
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.24);
+  padding-left: 20px;
+  padding-right: 20px;
+  padding-top: 1em;
+  overflow: hidden;
+  /* border: solid; */
+}
+
+#scrollable {
+  overflow: scroll;
   
+}
 </style>