Remove shadow and x padding from note viewer/editor

diff --git a/flatnotes/src/components/NoteViewerEditor.vue b/flatnotes/src/components/NoteViewerEditor.vue
index 2eaa1382a1d366f18c5267e466ef8e1a5db3c6f0..3346624a1aee01aaff6115d6419dbfaf6841b693 100644 (file)
--- a/flatnotes/src/components/NoteViewerEditor.vue
+++ b/flatnotes/src/components/NoteViewerEditor.vue
@@ -105,7 +105,6 @@
 
 @import "../toastui-editor-overrides.scss";
 @import "../colours";
-@import "../mixins";
 
 .title {
   min-width: 300px;
@@ -132,7 +131,6 @@
 
 .note {
   background-color: var(--colour-background);
-  box-shadow: 0 0 10px var(--colour-shadow);
 }
 </style>
 

diff --git a/flatnotes/src/mixins.scss b/flatnotes/src/mixins.scss
deleted file mode 100644 (file)
index 9929232..0000000
--- a/flatnotes/src/mixins.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-@mixin note-padding {
-  padding: min(2vw, 30px) min(3vw, 40px);
-}

diff --git a/flatnotes/src/toastui-editor-overrides.scss b/flatnotes/src/toastui-editor-overrides.scss
index 9630f4c03aa26a2c778c35a1f9f8ff2d6dc6f9c5..888f119e655c10347d8c1a1ec2002a2ee36e5007 100644 (file)
--- a/flatnotes/src/toastui-editor-overrides.scss
+++ b/flatnotes/src/toastui-editor-overrides.scss
@@ -1,5 +1,4 @@
 @import "../colours";
-@import "../mixins";
 
 .ProseMirror {
   font-family: "Inter", sans-serif;
@@ -15,11 +14,10 @@
   h6 {
     border-bottom: none;
   }
-  @include note-padding;
 }
 
 .toastui-editor-defaultUI .ProseMirror {
-  @include note-padding;
+  padding: 1rem 0 0 0;
 }
 
 // Override the default font-family for code blocks as some of the fallbacks are not monospace