client: add info icon

for no folders in folder view

src/components/FolderView/FolderList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="f-container rounded">
+  <div class="f-container rounded" :class="{ info: !folders.length }">
     <p v-if="folders.length">folders in this directory</p>
     <div id="f-items" v-if="folders.length">
       <router-link
@@ -23,7 +23,7 @@
 export default {
   props: ["folders"],
   setup() {
-    console.log('props.folders')
+    console.log("props.folders");
   },
 };
 </script>
@@ -35,6 +35,14 @@ export default {
   padding: 1rem;
 }
 
+.info {
+  background-image: url(../../assets/icons/info.svg);
+  background-repeat: no-repeat;
+  background-position: 1rem;
+  background-size: 2rem 2rem;
+  padding-left: 4rem;
+}
+
 #f-items {
   display: flex;
   flex-wrap: wrap;