From 24668fb23d92cb48264e782aa4e226621dc33008 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Sun, 4 Apr 2021 10:17:20 +0200
Subject: [PATCH] :recycle: (note) refacto note width

---
 src/components/FluxNote.vue | 4 ++--
 src/styles/app.scss         | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/FluxNote.vue b/src/components/FluxNote.vue
index d7f2462..b1668d9 100644
--- a/src/components/FluxNote.vue
+++ b/src/components/FluxNote.vue
@@ -204,8 +204,8 @@ $header-height: 40px;
     }
 
     .note {
-      min-width: 620px;
-      max-width: 620px;
+      min-width: var(--note-width);
+      max-width: var(--note-width);
     }
   }
 
diff --git a/src/styles/app.scss b/src/styles/app.scss
index cfdbfea..7cda07b 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -18,6 +18,7 @@ $family-primary: 'Courier Prime', monospace;
   --font-family: var(#{$family-primary});
   --font-color: #4a4a4a;
   --background-color: white;
+  --note-width: 620px;
 }
 
 @import '~bulma/bulma.sass';