From 32fc87b9e4f12bbd87495b69dbf058b63f97d6fe Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sun, 4 Apr 2021 16:22:25 +0200
Subject: [PATCH] :recycle:

---
 src/modules/note/hooks/useFolderNotes.ts | 7 +++++--
 src/styles/app.scss                      | 3 ++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/modules/note/hooks/useFolderNotes.ts b/src/modules/note/hooks/useFolderNotes.ts
index 8d4e574..2b1c6f8 100644
--- a/src/modules/note/hooks/useFolderNotes.ts
+++ b/src/modules/note/hooks/useFolderNotes.ts
@@ -13,9 +13,12 @@ export const useFolderNotes = (folder: string) => {
   const content = computed(() =>
     fleetingNotes.value?.length > 0
       ? fleetingNotes.value
-          .map((note) => `- [${note.path}](${note.path})`)
+          .map(
+            (note) =>
+              `- [${note.path?.replace(`${folder}/`, '')}](${note.path})`
+          )
           .join('\n')
-      : null
+      : ''
   )
 
   return {
diff --git a/src/styles/app.scss b/src/styles/app.scss
index 8e3834d..0158f15 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -17,7 +17,7 @@ $family-primary: 'Courier Prime', monospace;
 :root {
   --font-family: var(#{$family-primary});
   --font-color: #4a4a4a;
-  --background-color: white;
+  --background-color: #ffffff;
   --note-width: 620px;
 }
 
@@ -33,6 +33,7 @@ body {
   scroll-behavior: smooth;
   overflow-y: auto;
   font-size: 1.2em;
+  background-color: var(--background-color);
 }
 
 @media screen and (min-width: 769px) {