styles moved to scss

1 files changed, 2 insertions, 29 deletions

diff --git a/apps/Notes/components/NoteView.js b/apps/Notes/components/NoteView.js
index 1735579..7d93b16 100644
--- a/apps/Notes/components/NoteView.js
+++ b/apps/Notes/components/NoteView.js
@@ -1,3 +1,4 @@
+import styles from '../Notes.module.scss'
 import React, {useContext} from 'react';
 import Context from 'context';
 import useNotes from '../hooks/useNotes'
@@ -17,7 +18,7 @@ const NoteView = ({fetchedNote, setFetchedNote, setAction}) => {
   const {_id, content, title} = fetchedNote
 
   return (
-    <section>
+    <section className={styles.noteView}>
       <div className='window__submenu'>
         <div onClick={() => { setFetchedNote(); setAction('') }}>Back</div>
         <div onClick={() => copyToClipboard(content, setPopup)}>Copy</div>
@@ -30,34 +31,6 @@ const NoteView = ({fetchedNote, setFetchedNote, setAction}) => {
         <p>{content}</p>
       </div>
       <style jsx>{`
-        section {
-          background: white;
-          padding: 1rem;
-          position: absolute;
-          top: 0;
-          right: 0;
-          bottom: 0;
-          left: 0;
-          animation: fade-in .3s;
-        }
-
-        @keyframes fade-in {
-          from {opacity: 0;}
-          to {opacity: 1;}
-        }
-
-        h2 {
-          font-size: 1.25em;
-          font-weight: 600;
-          padding: 1rem;
-          user-select: text;
-        }
-
-        p {
-          padding: 0 1rem 1rem;
-          white-space: pre-line;
-          user-select: text;
-        }
       `}</style>
     </section>
   )