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) => (
{input}. 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 = () => {

Краткое описание задачи

Количество часов

- +
Добавить еще 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; }