From 5be414307bf6c9e8eb551aa0420bf9134ee3d8e1 Mon Sep 17 00:00:00 2001
From: Hope87 <vitaliy0187@gmail.com>
Date: Wed, 23 Jun 2021 12:53:56 +0300
Subject: [PATCH] finished report page

---
 .../InputsComponent/InputsComponent.js        |  3 +-
 .../InputsComponent.module.css                | 57 ++++++++++++++++++
 src/components/ReportForm/ReportForm.js       |  2 +-
 .../ReportForm/ReportForm.module.css          | 58 -------------------
 4 files changed, 60 insertions(+), 60 deletions(-)
 create mode 100644 src/components/InputsComponent/InputsComponent.module.css

diff --git a/src/components/InputsComponent/InputsComponent.js b/src/components/InputsComponent/InputsComponent.js
index 01b518cd..17dc7526 100644
--- a/src/components/InputsComponent/InputsComponent.js
+++ b/src/components/InputsComponent/InputsComponent.js
@@ -1,6 +1,7 @@
 import React from 'react';
+import style from './InputsComponent.module.css';
 
-const InputsComponent = ({ inputsArr, deleteInput, remove, style }) =>
+const InputsComponent = ({ inputsArr, deleteInput, remove }) =>
   inputsArr.map((input) => (
     <form id={input} key={input} className={style.reportForm__form}>
       <span>{input}.</span>
diff --git a/src/components/InputsComponent/InputsComponent.module.css b/src/components/InputsComponent/InputsComponent.module.css
new file mode 100644
index 00000000..30632b9b
--- /dev/null
+++ b/src/components/InputsComponent/InputsComponent.module.css
@@ -0,0 +1,57 @@
+.reportForm__form {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+    margin-left: 14px;
+    margin-bottom: 28px;
+  }
+  
+  .reportForm__form > span {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 2em;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    text-align: left;
+    position: absolute;
+    left: 0;
+    bottom: 7px;
+  }
+  
+  .input__text,
+  .input__number {
+    display: flex;
+    flex-direction: column;
+    margin-left: 20px;
+  }
+  
+  .input__text > input {
+    width: 460px;
+    height: 42px;
+    box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
+    border-radius: 5px;
+    border: 1px solid #c4c4c4;
+    background-color: #ffffff;
+    outline: none;
+    font-size: 1.8em;
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+  
+  .input__number > input {
+    width: 141px;
+    height: 42px;
+    box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
+    border-radius: 5px;
+    border: 1px solid #c4c4c4;
+    background-color: #ffffff;
+    outline: none;
+    font-size: 1.8em;
+    text-align: center;
+  }
+  
+  .reportForm__form > img {
+    margin-top: 5px;
+    width: 23px;
+    height: 23px;
+  }
\ No newline at end of file
diff --git a/src/components/ReportForm/ReportForm.js b/src/components/ReportForm/ReportForm.js
index c995aa61..e6209a82 100644
--- a/src/components/ReportForm/ReportForm.js
+++ b/src/components/ReportForm/ReportForm.js
@@ -48,7 +48,7 @@ const ReportForm = () => {
               <p className={style.text1}>Краткое описание задачи</p>
               <p className={style.text2}>Количество часов</p>
             </div>
-            <InputsComponent deleteInput={deleteInput} inputsArr={inputs} remove={remove} style={style} />
+            <InputsComponent deleteInput={deleteInput} inputsArr={inputs} remove={remove} />
             <div className={style.reportForm__formAdd}>
               <img onClick={addInput} src={addIcon} alt="" />
               <span>Добавить еще </span>
diff --git a/src/components/ReportForm/ReportForm.module.css b/src/components/ReportForm/ReportForm.module.css
index e7174ce3..5a79f092 100644
--- a/src/components/ReportForm/ReportForm.module.css
+++ b/src/components/ReportForm/ReportForm.module.css
@@ -97,64 +97,6 @@
   margin-right: 86px;
 }
 
-.reportForm__form {
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  margin-left: 14px;
-  margin-bottom: 28px;
-}
-
-.reportForm__form > span {
-  font-family: 'GT Eesti Pro Display';
-  font-size: 2em;
-  font-weight: 700;
-  font-style: normal;
-  letter-spacing: normal;
-  text-align: left;
-  position: absolute;
-  left: 0;
-  bottom: 7px;
-}
-
-.input__text,
-.input__number {
-  display: flex;
-  flex-direction: column;
-  margin-left: 20px;
-}
-
-.input__text > input {
-  width: 460px;
-  height: 42px;
-  box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
-  border-radius: 5px;
-  border: 1px solid #c4c4c4;
-  background-color: #ffffff;
-  outline: none;
-  font-size: 1.8em;
-  padding-left: 20px;
-  padding-right: 20px;
-}
-
-.input__number > input {
-  width: 141px;
-  height: 42px;
-  box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
-  border-radius: 5px;
-  border: 1px solid #c4c4c4;
-  background-color: #ffffff;
-  outline: none;
-  font-size: 1.8em;
-  text-align: center;
-}
-
-.reportForm__form > img {
-  margin-top: 5px;
-  width: 23px;
-  height: 23px;
-}
-
 .reportForm__formAdd {
   margin-left: 28px;
 }