add navbar and new logo

src/components/FolderView/FolderList.vue

@@ -22,9 +22,6 @@ const props = defineProps({
 </script>
 
 <style lang="scss">
-.f-container {
-  padding: 0 0 0 0;
-}
 
 .no_f {
   display: none;
@@ -35,11 +32,4 @@ const props = defineProps({
   grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
   gap: $medium;
 }
-
-.f-container p {
-  text-transform: uppercase;
-  font-weight: normal;
-  color: rgba(255, 255, 255, 0.438);
-  margin-bottom: 1rem;
-}
 </style>

src/components/RightSideBar/Home/Main.vue

@@ -7,7 +7,7 @@
 <style lang="scss">
 .r-home {
   height: calc(100% - 1rem);
-  padding: 0 $small $small 0;
+  // padding: 0 $small $small 0;
 }
 </style>
 

src/components/nav/NavBar.vue

@@ -0,0 +1,14 @@
+<template>
+  <div class="topnav"></div>
+</template>
+
+<script setup>
+function toggleNav() {}
+</script>
+
+<style lang="scss">
+.topnav {
+  background-color: $gray;
+  display: grid;
+}
+</style>