styles moved to scss

1 files changed, 2 insertions, 24 deletions

diff --git a/components/Form.js b/components/Form.js
index fc14a75..f41c958 100644
--- a/components/Form.js
+++ b/components/Form.js
@@ -1,8 +1,9 @@
+import styles from 'styles/Main.module.scss'
 import React from 'react'
 import PropTypes from 'prop-types'
 
 const Form = ({errorMessage, onSubmit, isLogin}) => (
-  <form className='window window--popup' onSubmit={onSubmit}>
+  <form className={`window window--popup ${styles.userForm}`} onSubmit={onSubmit}>
     <div className="window__content--popup">
       {isLogin ? 'Login to access your notes' : 'Register new user'}
     </div>
@@ -12,29 +13,6 @@ const Form = ({errorMessage, onSubmit, isLogin}) => (
     <input className='window__button' type="submit" value={isLogin ? 'Login' : 'Register'} />
 
     {errorMessage && <p className="error">{errorMessage}</p>}
-
-    <style jsx>{`
-      form,
-      label {
-        display: flex;
-        flex-flow: column;
-      }
-      label > span {
-        font-weight: 600;
-      }
-      input[type=email],
-      input[type=password]  {
-        padding: .5em;
-        margin: .5em 0;
-        border: 1px solid #ccc;
-        border-radius: .25px;
-      }
-      .error {
-        text-align: center;
-        color: brown;
-        margin: 1rem 0 0;
-      }
-    `}</style>
   </form>
 )