♻️ (note) refacto note width

2021-04-04 10:17:20 +02:00
parent 964ddc7ca7
commit 24668fb23d
2 changed files with 3 additions and 2 deletions
--- 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);
    }
  }

--- 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';