apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed code on description page

Browse Source
This commit is contained in:
Hope87 2021-07-12 17:30:36 +03:00
parent f2e769a71a
commit ed25b7c00e
5 changed files with 30 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/Candidate/Candidate.js
View File

@ -1,5 +1,5 @@
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import { useHistory, useParams } from 'react-router-dom'; import { useHistory, useParams, Link } from 'react-router-dom';
import { useSelector, useDispatch } from 'react-redux'; import { useSelector, useDispatch } from 'react-redux';
import { currentCandidate, selectCurrentCandidate } from '../../redux/outstaffingSlice'; import { currentCandidate, selectCurrentCandidate } from '../../redux/outstaffingSlice';
import style from './Candidate.module.css'; import style from './Candidate.module.css';
@ -113,9 +113,11 @@ const Candidate = () => {
) : ( ) : (
<p className={style.candidate__textSecondary}>Описание отсутствует...</p> <p className={style.candidate__textSecondary}>Описание отсутствует...</p>
)} )}
<button type="submit" className={style.candidate__btn}> <Link to={'/form'}>
Выбрать к собеседованию <button type="submit" className={style.candidate__btn}>
</button> Выбрать к собеседованию
</button>
</Link>
<SectionSkills skillsArr={skillValues} /> <SectionSkills skillsArr={skillValues} />
</div> </div>
</div> </div>

1
src/components/Candidate/Candidate.module.css
View File

@ -222,6 +222,7 @@
margin-top: 60px; margin-top: 60px;
border-radius: 10px; border-radius: 10px;
margin-bottom: 60px; margin-bottom: 60px;
flex-wrap: wrap;
} }
@media (max-width: 575.98px) { @media (max-width: 575.98px) {

24
src/components/Description/Description.js
View File

@ -43,11 +43,13 @@ const Description = ({ onLoadMore }) => {
</div> </div>
<div className="col-xl-2"></div> <div className="col-xl-2"></div>
<div className="col-12 col-xl-6"> <div className="col-12 col-xl-6">
{el.skillValues.map((e) => ( <div className={style.description__spBox}>
<span key={e.id} className={style.description__sp}> {el.skillValues.map((e) => (
{e.skill.name} <span key={e.id} className={style.description__sp}>
</span> {e.skill.name}
))} </span>
))}
</div>
<img className={style.description__rectangle} src={rectangle} alt="" /> <img className={style.description__rectangle} src={rectangle} alt="" />
</div> </div>
<div className="col-xl-4"></div> <div className="col-xl-4"></div>
@ -76,11 +78,13 @@ const Description = ({ onLoadMore }) => {
</div> </div>
<div className="col-xl-2"></div> <div className="col-xl-2"></div>
<div className="col-12 col-xl-6"> <div className="col-12 col-xl-6">
{el.skillValues.map((e) => ( <div className={style.description__spBox}>
<span key={e.id} className={style.description__sp}> {el.skillValues.map((e) => (
{e.skill.name} <span key={e.id} className={style.description__sp}>
</span> {e.skill.name}
))} </span>
))}
</div>
<img className={style.description__rectangle} src={rectangle} alt="" /> <img className={style.description__rectangle} src={rectangle} alt="" />
</div> </div>
<div className="col-xl-4"></div> <div className="col-xl-4"></div>

10
src/components/Description/Description.module.css
View File

@ -82,6 +82,7 @@
line-height: 24px; line-height: 24px;
text-align: left; text-align: left;
line-height: 28px; line-height: 28px;
word-wrap: break-word;
} }
.description__text > p:first-child { .description__text > p:first-child {
@ -132,10 +133,10 @@
.description__button { .description__button {
width: 220px; width: 220px;
height: 50px; height: 50px;
position: absolute;
bottom: -170px;
z-index: 5; z-index: 5;
margin-left: 85px; margin-left: 85px;
margin-top: 40px;
margin-bottom: 40px;
} }
} }
@ -151,6 +152,10 @@
} }
} }
.description__spBox {
padding: 5px;
}
.description__sp { .description__sp {
font-family: 'GT Eesti Pro Display'; font-family: 'GT Eesti Pro Display';
font-size: 1.7em; font-size: 1.7em;
@ -161,6 +166,7 @@
line-height: 36px; line-height: 36px;
margin-top: 20px; margin-top: 20px;
margin-left: 10px; margin-left: 10px;
word-wrap: break-word;
} }
@media (max-width: 575.98px) { @media (max-width: 575.98px) {

2
src/components/Home/Home.js
View File

@ -6,7 +6,7 @@ import { fetchProfile, fetchSkills } from '../../server/server';
import { profiles, tags } from '../../redux/outstaffingSlice'; import { profiles, tags } from '../../redux/outstaffingSlice';
const Home = () => { const Home = () => {
const [index, setIndex] = useState(2); const [index, setIndex] = useState(4);
const dispatch = useDispatch(); const dispatch = useDispatch();