Form styles

.eslintrc.js

@@ -43,6 +43,7 @@ module.exports = {
                 devDependencies: true,
             },
         ],
+        "import/prefer-default-export": "off",
         "@typescript-eslint/ban-ts-comment": "off",
         "@typescript-eslint/no-explicit-any": "off",
         "@typescript-eslint/no-var-requires": "off",

src/components/LoginForm/styles.module.scss

@@ -14,8 +14,6 @@
     }
     input {
         width: 100%;
-        border: 1px solid #333;
-        border-radius: 4px;
     }
 }
 

src/theme/form.scss

@@ -1,10 +1,19 @@
 @import "./variables";
 
 button {
-    padding: 5px 20px;
+    padding: 7px 20px;
     background-color: $color-orange;
     border: 0;
     color: $color-white;
-    border-radius: 14px;
+    border-radius: 16px;
     font-weight: bold;
+    cursor: pointer;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"] {
+    padding: 4px 6px;
+    border: 1px solid #333;
+    border-radius: 4px;
 }

src/theme/variables.scss

@@ -1,6 +1,7 @@
 $color-white: #fff;
 $color-black: #000;
 $color-orange: #ea4d0a;
+$color-yellow: #fdd137;
 
 $border-large: 4px solid $color-black;
 $border-thin: 2px solid $color-black;