fix login, report textarea

src/assets/icons/eyePassword.svg

@@ -0,0 +1,12 @@
+<svg width="25" height="18" viewBox="0 0 25 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2043_1123)">
+<path d="M11.6493 0.935456C15.282 0.935456 17.9765 2.19 20.3438 4.24091C21.6965 5.40818 22.8202 6.78273 23.8129 8.27727C24.1511 8.79 24.1293 9.17182 23.802 9.66273C22.1438 12.1718 20.1256 14.3209 17.4093 15.6736C13.1874 17.7682 9.10744 17.3755 5.23472 14.7682C3.16199 13.3718 1.54744 11.5391 0.227443 9.43364C0.02017 9.10637 0.00926094 8.83364 0.227443 8.50637C1.9729 5.72455 4.19835 3.44455 7.20926 2.01546C8.74744 1.29546 10.3729 0.913638 11.6493 0.935456ZM12.0638 1.93909C10.4711 1.93909 8.95472 2.28818 7.52562 2.97546C4.8529 4.26273 2.86744 6.28091 1.27472 8.73546C1.14381 8.94273 1.20926 9.08455 1.31835 9.24818C2.6929 11.3755 4.39472 13.1864 6.59835 14.4518C9.98017 16.3827 13.4493 16.5245 16.9511 14.79C19.482 13.5355 21.3584 11.55 22.8856 9.21546C23.0165 9.00818 22.9838 8.86637 22.8638 8.68091C21.882 7.15364 20.6929 5.79 19.2856 4.64455C17.1802 2.94273 14.8129 1.95 12.0747 1.93909H12.0638Z" fill="black"/>
+<path d="M12.1078 3.42285C15.1296 3.43376 17.6496 5.96467 17.6278 8.98649C17.606 11.9974 15.0969 14.4956 12.0969 14.4956C9.07504 14.4956 6.55504 11.9647 6.56595 8.95376C6.56595 5.92103 9.08595 3.42285 12.1187 3.43376L12.1078 3.42285ZM12.086 13.4701C14.5623 13.4701 16.5914 11.4629 16.6023 8.98649C16.6023 6.48831 14.595 4.44831 12.0969 4.44831C9.6205 4.44831 7.59141 6.45558 7.5805 8.93194C7.5805 11.4301 9.59868 13.4701 12.086 13.4701Z" fill="black"/>
+<path d="M9.56593 8.85532C9.57684 8.75714 9.58775 8.5935 9.63139 8.44078C9.70775 8.09169 9.94775 7.90623 10.2314 7.96078C10.5259 8.02623 10.6678 8.26623 10.6132 8.62623C10.4932 9.45532 10.8859 10.1535 11.6059 10.3826C12.2059 10.579 12.7296 10.4371 13.155 10.0008C13.5805 9.5535 13.7005 9.01896 13.4823 8.44078C13.2641 7.88441 12.8387 7.56805 12.2496 7.46987C12.195 7.46987 12.1514 7.46987 12.0968 7.46987C11.7696 7.43714 11.5732 7.24078 11.5841 6.94623C11.595 6.6626 11.8241 6.45532 12.1514 6.46623C13.0023 6.50987 13.6896 6.88078 14.1696 7.58987C14.7587 8.45169 14.7259 9.64078 14.0932 10.4699C13.4168 11.3644 12.2932 11.7026 11.2459 11.3317C10.2314 10.9717 9.54412 9.98987 9.56593 8.87714V8.85532Z" fill="black"/>
+</g>
+<defs>
+<clipPath id="clip0_2043_1123">
+<rect width="24" height="16.08" fill="white" transform="translate(0.0639648 0.935547)"/>
+</clipPath>
+</defs>
+</svg>

src/assets/icons/passwordIcon.svg

@@ -1,3 +1,13 @@
-<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.71013 5.69514C8.6174 5.31138 8.85422 4.92619 9.23656 4.83488C13.7847 3.74066 18.3427 5.8963 22.791 11.2347C23.0107 11.4987 23.0121 11.8824 22.7924 12.1464C21.7224 13.4403 20.5783 14.6045 19.3927 15.6031C19.2586 15.7158 19.096 15.7714 18.9334 15.7714C18.7308 15.7714 18.5296 15.6844 18.3884 15.5175C18.133 15.2165 18.173 14.7671 18.474 14.5117C19.4541 13.6857 20.4056 12.7384 21.3087 11.6913C17.3655 7.13747 13.4209 5.30139 9.57039 6.22157C9.17093 6.31287 8.80143 6.07748 8.71013 5.69514ZM11.3223 8.05764C11.2695 8.44854 11.542 8.80805 11.9315 8.86084C13.1997 9.03203 14.2027 10.0364 14.3753 11.3018C14.4224 11.6599 14.7291 11.9195 15.08 11.9195C15.1114 11.9195 15.1442 11.9181 15.177 11.9138C15.5665 11.861 15.8404 11.5015 15.7876 11.1106C15.5308 9.20893 14.0243 7.70241 12.1226 7.44562C11.7374 7.39426 11.3736 7.66675 11.3223 8.05764ZM22.7482 21.886C23.0264 22.1642 23.0264 22.6164 22.7482 22.8946C22.6084 23.0344 22.4258 23.1043 22.2431 23.1043C22.0605 23.1043 21.8779 23.0344 21.7381 22.896L16.4068 17.5647C14.7861 18.3936 13.1612 18.8301 11.5391 18.8301C7.76998 18.8301 4.00795 16.5989 0.295862 12.1492C0.0761609 11.8853 0.0747342 11.5001 0.294435 11.2362C1.98214 9.20608 3.69695 7.65819 5.40463 6.56111L0.340088 1.49657C0.0618946 1.21838 0.0618946 0.766135 0.340088 0.487942C0.61828 0.209749 1.07052 0.209749 1.34872 0.487942L22.7482 21.886ZM8.69016 11.6913C8.69016 13.2648 9.96984 14.5445 11.5434 14.5445C12.0556 14.5445 12.552 14.3962 12.9857 14.1422L9.09104 10.2475C8.83567 10.6812 8.69016 11.172 8.69016 11.6913ZM15.3525 16.509L14.0172 15.1737C13.2996 15.6816 12.4336 15.9712 11.5434 15.9712C9.18377 15.9712 7.26353 14.0509 7.26353 11.6913C7.26353 10.7882 7.54885 9.93509 8.05959 9.21607L6.43465 7.59113C4.89532 8.53128 3.33316 9.89086 1.77813 11.6913C6.38757 17.0169 10.8415 18.6004 15.3525 16.509Z" fill="black"/>
+<g clip-path="url(#clip0_2043_1117)">
+<path d="M11.5853 1.12598C15.218 1.12598 17.9126 2.38052 20.2798 4.43143C21.6326 5.5987 22.7562 6.97325 23.7489 8.46779C24.0871 8.98052 24.0653 9.36234 23.738 9.85325C22.0798 12.3623 20.0617 14.5114 17.3453 15.8642C13.1235 17.9587 9.04348 17.566 5.17075 14.9587C3.09802 13.5732 1.48348 11.7296 0.163478 9.62416C-0.0437948 9.29689 -0.0547039 9.02416 0.163478 8.69689C1.90893 5.91507 4.13439 3.63507 7.1453 2.21689C8.68348 1.48598 10.3089 1.11507 11.5853 1.13689V1.12598ZM11.9998 2.12961C10.4071 2.12961 8.89075 2.4787 7.46166 3.16598C4.78893 4.45325 2.80348 6.48234 1.21075 8.92598C1.07984 9.13325 1.1453 9.27507 1.25439 9.4387C2.62893 11.566 4.33075 13.3769 6.53439 14.6423C9.91621 16.5732 13.3853 16.7151 16.8871 14.9805C19.418 13.726 21.2944 11.7405 22.8217 9.40598C22.9526 9.1987 22.9198 9.05688 22.7998 8.87143C21.818 7.34416 20.6289 5.98052 19.2217 4.83507C17.1162 3.13325 14.7489 2.14052 12.0108 2.12961H11.9998Z" fill="black"/>
+<path d="M12.0438 3.62402C15.0656 3.63493 17.5856 6.16584 17.5638 9.18766C17.542 12.1986 15.0329 14.6968 12.0329 14.6968C9.01108 14.6968 6.49108 12.1658 6.50199 9.15493C6.50199 6.12221 9.02199 3.62402 12.0547 3.63493L12.0438 3.62402ZM12.022 13.6713C14.4984 13.6713 16.5274 11.664 16.5384 9.18766C16.5384 6.68948 14.5311 4.64948 12.0329 4.64948C9.55653 4.64948 7.52744 6.65675 7.51653 9.13311C7.51653 11.6313 9.53472 13.6713 12.022 13.6713Z" fill="black"/>
+<path d="M9.50197 9.05649C9.51288 8.95831 9.52379 8.79468 9.56742 8.64195C9.64379 8.29286 9.88379 8.1074 10.1674 8.16195C10.462 8.2274 10.6038 8.4674 10.5492 8.8274C10.4292 9.65649 10.822 10.3547 11.542 10.5838C12.142 10.7801 12.6656 10.6383 13.0911 10.2019C13.5165 9.75468 13.6365 9.22013 13.4183 8.64195C13.2002 8.08559 12.7747 7.76922 12.1856 7.67104C12.1311 7.67104 12.0874 7.67104 12.0329 7.67104C11.7056 7.63831 11.5092 7.44195 11.5202 7.1474C11.5311 6.86377 11.7602 6.65649 12.0874 6.6674C12.9383 6.71104 13.6256 7.08195 14.1056 7.79104C14.6947 8.65286 14.662 9.84195 14.0292 10.671C13.3529 11.5656 12.2292 11.9038 11.182 11.5329C10.1674 11.1729 9.48015 10.191 9.50197 9.07831V9.05649Z" fill="black"/>
+<path d="M2.61816 0.973633L21.9382 16.9773" stroke="black" stroke-miterlimit="10" stroke-linecap="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2043_1117">
+<rect width="24" height="17.0945" fill="white" transform="translate(0 0.427734)"/>
+</clipPath>
+</defs>
 </svg>

src/components/AuthBox/AuthBox.jsx

@@ -15,6 +15,7 @@ import ModalResetPassword from "@components/Modal/ModalResetPassword/ModalResetP
 
 import authHead from "assets/icons/authHead.svg";
 import eyePassword from "assets/icons/passwordIcon.svg";
+import eyeNoPassword from "assets/icons/eyePassword.svg";
 
 import "./authBox.scss";
 
@@ -85,8 +86,8 @@ export const AuthBox = ({ title }) => {
         </div>
       )}
       <form ref={ref} className="auth-box__form">
-        <label htmlFor="login">Ваш e-mail</label>
+        <label htmlFor="e-mail">Ваш e-mail</label>
-        <input id="login" type="text" name="username" placeholder="Логин" />
+        <input id="e-mail" type="text" name="email" placeholder="E-mail" />
 
         <label htmlFor="password">Ваш пароль</label>
         <div className="inputWrapper">
@@ -99,7 +100,7 @@ export const AuthBox = ({ title }) => {
           <img
             onClick={() => setShowPassword(!showPassword)}
             className="eye"
-            src={eyePassword}
+            src={showPassword ? eyePassword : eyeNoPassword}
             alt="eye"
           />
         </div>

src/components/ReportForm/ReportForm.jsx

@@ -192,7 +192,7 @@ const ReportForm = () => {
                   >
                     <div className="report-form__task-number">{index + 1}.</div>
                     <div className="report-form__task-input report-form__task-input--description">
-                      <input
+                      <textarea
                         value={inputs[index].task}
                         className={
                           !input.task && reportSuccess === "Заполните задачи"

src/components/ReportForm/reportForm.scss

@@ -69,8 +69,8 @@
       letter-spacing: normal;
       line-height: 30px;
       text-align: left;
-      margin-top: 52px;
+      margin-top: 30px;
-      margin-bottom: 35px;
+      margin-bottom: 10px;
 
       @media (max-width: 555px) {
         margin-top: 25px;
@@ -80,7 +80,7 @@
   }
 
   &__block-img {
-    width: 280px;
+    width: 230px;
     height: 42px;
     box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
     border-radius: 5px;
@@ -107,18 +107,15 @@
 
   &__task {
     &-number {
-      height: 14px;
       color: #282828;
       font-family: "GT Eesti Pro Display";
       font-size: 20px;
       font-weight: 700;
-      font-style: normal;
-      letter-spacing: normal;
       width: 12px;
     }
 
     &-list {
-      margin-top: 30px;
+      margin-top: 20px;
       display: flex;
       align-items: center;
 
@@ -194,8 +191,9 @@
 
     &-form {
       display: flex;
+      align-items: center;
       margin-left: 20px;
-      margin-bottom: 28px;
+      margin-bottom: 15px;
     }
 
     &-input {
@@ -208,9 +206,9 @@
           border-color: #fc0000;
         }
 
-        input {
+        textarea {
           width: 460px;
-          height: 42px;
+          height: 84px;
           box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
           border-radius: 5px;
           border: 1px solid #c4c4c4;
@@ -244,7 +242,7 @@
         }
 
         input {
-          width: 141px;
+          width: 80px;
           height: 42px;
           box-shadow: 0 0 59px rgba(44, 44, 44, 0.05);
           border-radius: 5px;
@@ -410,7 +408,7 @@
     display: flex;
     justify-content: space-between;
     margin-left: 14px;
-    margin-bottom: 28px;
+    margin-bottom: 14px;
 
     span {
       font-family: "GT Eesti Pro Display";