refactoring

2021-06-01 15:25:01 +03:00
parent af21ce3693
commit bc5af60fac
28 changed files with 355 additions and 261 deletions
--- a/src/components/Candidate/Candidate.js
+++ b/src/components/Candidate/Candidate.js
@@ -5,7 +5,7 @@ import { candidatesList } from '../Home/Home';
 import icon from '../../images/front_end.png';
 import arrow from '../../images/right-arrow.png';
 import rectangle from '../../images/rectangle_secondPage.png';
-import Sidebar from './sections/Sidebar';
+import Sidebar from '../Sidebar/Sidebar';
 import SectionOne from './sections/SectionOne';
 import SectionTwo from './sections/SectionTwo';
 import SectionThree from './sections/SectionThree';
--- a/src/components/Candidate/sections/Section.module.css
+++ b/src/components/Candidate/sections/Section.module.css
@@ -0,0 +1,123 @@
+
+  .SectionOne > h3 {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 2.2em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 36px;
+    text-align: left;
+  }
+
+  .SectionOne > p {
+    font-family: 'GT Eesti Pro Display - Thin';
+    font-size: 1.8em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 28px;
+    text-align: left;
+    color: #444444;
+  }
+
+  .SectionOne > h4 {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 1.8em;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 36px;
+    text-align: left;
+  }
+
+  .SectionTwo > p {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 1.8em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 28px;
+    text-align: left;
+    color: #444444;
+  }
+
+  .SectionThree > h3 {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 2.2em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 36px;
+    text-align: left;
+  }
+
+  .SectionThree > p {
+    font-family: 'GT Eesti Pro Display - Thin';
+    font-size: 1.8em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 28px;
+    text-align: left;
+    color: #444444;
+  }
+
+  .SectionThree > h4 {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 1.8em;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 36px;
+    text-align: left;
+  }
+
+  .SectionFour > p {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 1.8em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 18px;
+    text-align: left;
+  }
+
+  .SectionFive > p {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 1.8em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 16px;
+    text-align: left;
+  }
+
+  .SectionSkills {
+    border: 1px solid #69bf2c;
+    padding: 28px 40px 16px 30px;
+    margin-top: 60px;
+    border-radius: 10px;
+    margin-bottom: 60px;
+    
+  }
+  
+  .SectionSkills > h3 {
+    font-family: 'GT Eesti Pro Display';
+    font-size: 1.8em;
+    font-weight: 700;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 28px;
+    text-align: left;
+  }
+  
+  .SectionSkills > p {
+    font-family: 'GT Eesti Pro Display - Thin';
+    font-size: 2em;
+    font-weight: 400;
+    font-style: normal;
+    letter-spacing: normal;
+    line-height: 28px;
+    text-align: left;
+    color: #444444;
+  }
--- a/src/components/Candidate/sections/SectionFive.js
+++ b/src/components/Candidate/sections/SectionFive.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import style from './SectionFive.module.css';
+import style from './Section.module.css';

 const SectionFive = () => {
  return (
--- a/src/components/Candidate/sections/SectionFive.module.css
+++ b/src/components/Candidate/sections/SectionFive.module.css
@@ -1,9 +0,0 @@
-.SectionFive > p {
-  font-family: 'GT Eesti Pro Display';
-  font-size: 1.8em;
-  font-weight: 400;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: 16px;
-  text-align: left;
-}
--- a/src/components/Candidate/sections/SectionFour.js
+++ b/src/components/Candidate/sections/SectionFour.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import style from './SectionFour.module.css';
+import style from './Section.module.css';

 const SectionFour = () => {
  return (
--- a/src/components/Candidate/sections/SectionFour.module.css
+++ b/src/components/Candidate/sections/SectionFour.module.css
@@ -1,9 +0,0 @@
-.SectionFour > p {
-  font-family: 'GT Eesti Pro Display';
-  font-size: 1.8em;
-  font-weight: 400;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: 18px;
-  text-align: left;
-}
--- a/src/components/Candidate/sections/SectionOne.js
+++ b/src/components/Candidate/sections/SectionOne.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import style from './SectionOne.module.css';
+import style from './Section.module.css';

 const SectionOne = () => {
  return (
--- a/src/components/Candidate/sections/SectionOne.module.css
+++ b/src/components/Candidate/sections/SectionOne.module.css
@@ -1,32 +0,0 @@
-
-  .SectionOne > h3 {
-    font-family: 'GT Eesti Pro Display';
-    font-size: 2.2em;
-    font-weight: 400;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 36px;
-    text-align: left;
-  }
-
-  .SectionOne > p {
-    font-family: 'GT Eesti Pro Display - Thin';
-    font-size: 1.8em;
-    font-weight: 400;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 28px;
-    text-align: left;
-    color: #444444;
-  }
-
-  .SectionOne > h4 {
-    font-family: 'GT Eesti Pro Display';
-    font-size: 1.8em;
-    font-weight: 700;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 36px;
-    text-align: left;
-  }
-
--- a/src/components/Candidate/sections/SectionSkills.js
+++ b/src/components/Candidate/sections/SectionSkills.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import style from './SectionSkills.module.css';
+import style from './Section.module.css';

 const SectionSkills = () => {
  return (
--- a/src/components/Candidate/sections/SectionSkills.module.css
+++ b/src/components/Candidate/sections/SectionSkills.module.css
@@ -1,29 +0,0 @@
-.SectionSkills {
-  border: 1px solid #69bf2c;
-  padding: 28px 40px 16px 30px;
-  margin-top: 60px;
-  border-radius: 10px;
-  margin-bottom: 60px;
-  
-}
-
-.SectionSkills > h3 {
-  font-family: 'GT Eesti Pro Display';
-  font-size: 1.8em;
-  font-weight: 700;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: 28px;
-  text-align: left;
-}
-
-.SectionSkills > p {
-  font-family: 'GT Eesti Pro Display - Thin';
-  font-size: 2em;
-  font-weight: 400;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: 28px;
-  text-align: left;
-  color: #444444;
-}
--- a/src/components/Candidate/sections/SectionThree.js
+++ b/src/components/Candidate/sections/SectionThree.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import style from './SectionThree.module.css';
+import style from './Section.module.css';

 const SectionThree = () => {
  return (
--- a/src/components/Candidate/sections/SectionThree.module.css
+++ b/src/components/Candidate/sections/SectionThree.module.css
@@ -1,32 +0,0 @@
-
-  .SectionThree > h3 {
-    font-family: 'GT Eesti Pro Display';
-    font-size: 2.2em;
-    font-weight: 400;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 36px;
-    text-align: left;
-  }
-
-  .SectionThree > p {
-    font-family: 'GT Eesti Pro Display - Thin';
-    font-size: 1.8em;
-    font-weight: 400;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 28px;
-    text-align: left;
-    color: #444444;
-  }
-
-  .SectionThree > h4 {
-    font-family: 'GT Eesti Pro Display';
-    font-size: 1.8em;
-    font-weight: 700;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 36px;
-    text-align: left;
-  }
-
--- a/src/components/Candidate/sections/SectionTwo.js
+++ b/src/components/Candidate/sections/SectionTwo.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import style from './SectionTwo.module.css';
+import style from './Section.module.css';

 const SectionTwo = () => {
  return (
--- a/src/components/Candidate/sections/SectionTwo.module.css
+++ b/src/components/Candidate/sections/SectionTwo.module.css
@@ -1,12 +0,0 @@
- 
-  .SectionTwo > p {
-    font-family: 'GT Eesti Pro Display';
-    font-size: 1.8em;
-    font-weight: 400;
-    font-style: normal;
-    letter-spacing: normal;
-    line-height: 28px;
-    text-align: left;
-    color: #444444;
-  }
-
--- a/src/components/Candidate/sections/Sidebar.js
+++ b/src/components/Candidate/sections/Sidebar.js
@@ -1,31 +0,0 @@
-import React from 'react';
-import male from '../../../images/medium_male.png';
-import arrowLeft from '../../../images/arrow_left.png';
-import arrowRight from '../../../images/arrow_right.png';
-import style from './Sidebar.module.css';
-
-const Sidebar = () => {
-  return (
-    <div className={style.candidateSidebar}>
-      <div className={style.candidateSidebar__info}>
-        <img src={male} alt="" />
-        <p className={style.candidateSidebar__info__e}>Опыт работы</p>
-        <p className={style.candidateSidebar__info__y}>4+ лет</p>
-        <button className={style.candidateSidebar__info__btn}>Выбрать к собеседованию</button>
-        <p className={style.candidateSidebar__info__l}>Посмотреть ещё</p>
-      </div>
-
-      <div className={style.candidateSidebar__arrows}>
-        <div className={style.arrow__left}>
-          <img src={arrowLeft} alt="" />
-        </div>
-        <span className={style.arrows__sp}>1/15</span>
-        <div className={style.arrow__right}>
-          <img src={arrowRight} alt="" />
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Sidebar;
--- a/src/components/Candidate/sections/Sidebar.module.css
+++ b/src/components/Candidate/sections/Sidebar.module.css
@@ -1,113 +0,0 @@
-.candidateSidebar {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  border: 2px solid whitesmoke;
-  border-bottom: none !important;
-
-}
-
-.candidateSidebar__info {
-  text-align: center;
-  margin-top: 40px;
-}
-
-.candidateSidebar__info > img {
-  width: 180px;
-  height: 180px;
-}
-
-.candidateSidebar__info__e {
-  font-family: 'GT Eesti Pro Display';
-  font-size: 1.8em;
-  font-weight: 400;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: 36px;
-  margin-top: 20px;
-}
-
-.candidateSidebar__info__y {
-  font-family: 'GT Eesti Pro Display - Bold';
-  font-size: 3em;
-  font-weight: 700;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: normal;
-}
-
-.candidateSidebar__info__btn {
-  width: 280px;
-  height: 60px;
-  border-radius: 100px;
-  border: none;
-  background-color: #70c03e;
-  color: #ffffff;
-  font-family: 'GT Eesti Pro Display';
-  font-size: 1.8em;
-  font-weight: 600;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: normal;
-  text-align: center;
-  margin-top: 20px;
-  margin-bottom: 120px;
-}
-
-.candidateSidebar__info__l {
-  font-family: 'GT Eesti Pro Display';
-  font-size: 1.8em;
-  font-weight: 600;
-  font-style: normal;
-  letter-spacing: normal;
-  line-height: 36px;
-  text-align: center;
-}
-
-.candidateSidebar__arrows {
-  display: flex;
-  align-items: center;
-  margin-top: 20px;
-
-}
-
- .arrow__left {
-  position: relative;
-  width: 30px;
-  height: 30px;
-  border-radius: 20px;
-  background-color: #f6f6f6;
-}
-
-.arrow__left > img {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.arrows__sp {
-  color: #705fa3;
-  font-family: Circe;
-  font-size: 1.6em;
-  font-weight: 400;
-  font-style: normal;
-  letter-spacing: normal;
-  text-align: center;
-  margin: 0 10px;
-}
-
-.arrow__right {
-  position: relative;
-  width: 30px;
-  height: 30px;
-  border-radius: 20px;
-  background-color: #74be4d;
-}
-
-.arrow__right > img {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}