From eb28244fc8f98e28728c7b3f951e102b9cc56590 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Mon, 16 Aug 2021 21:22:32 +0200
Subject: styles moved to scss

---
 components/Form.js | 26 ++------------------------
 1 file changed, 2 insertions(+), 24 deletions(-)

(limited to 'components/Form.js')

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>
 )
 
-- 
cgit v1.2.3