mobile version fixes
This commit is contained in:
parent
3ce8e17645
commit
16032758a9
@ -19,7 +19,7 @@
|
|||||||
.calendar__title {
|
.calendar__title {
|
||||||
font-size: 5em;
|
font-size: 5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 40px 0;
|
margin: 60px 0 40px 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -120,11 +120,11 @@ const Candidate = () => {
|
|||||||
{currentCandidateObj.vc_text ? currentCandidateObj.vc_text : 'Описание отсутствует...' }
|
{currentCandidateObj.vc_text ? currentCandidateObj.vc_text : 'Описание отсутствует...' }
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
<Link to={`/candidate/${currentCandidateObj.id}/form`}>
|
{/* <Link to={`/candidate/${currentCandidateObj.id}/form`}>
|
||||||
<button type="submit" className='candidate__btn'>
|
<button type="submit" className='candidate__btn'>
|
||||||
Выбрать к собеседованию
|
Выбрать к собеседованию
|
||||||
</button>
|
</button>
|
||||||
</Link>
|
</Link> */}
|
||||||
<SectionSkills skillsArr={skillValues} />
|
<SectionSkills skillsArr={skillValues} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -41,6 +41,17 @@
|
|||||||
margin-left: 60px;
|
margin-left: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.candidate__header {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate__header .arrow {
|
||||||
|
margin-left: 60px;
|
||||||
|
margin-bottom: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.candidate__header {
|
.candidate__header {
|
||||||
display: flex;
|
display: flex;
|
||||||
@ -48,6 +59,10 @@
|
|||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
margin-top: 40px;
|
margin-top: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.candidate__header .arrow {
|
||||||
|
margin-left: 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow {
|
.arrow {
|
||||||
@ -284,4 +299,10 @@
|
|||||||
|
|
||||||
.candidate footer {
|
.candidate footer {
|
||||||
margin-top: 2.5rem !important;
|
margin-top: 2.5rem !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.candidate + .logout-button {
|
||||||
|
top: 16px !important;
|
||||||
|
}
|
||||||
}
|
}
|
@ -6,12 +6,11 @@
|
|||||||
.description__wrapper {
|
.description__wrapper {
|
||||||
border: 1px solid #efefef;
|
border: 1px solid #efefef;
|
||||||
background-color: #fdfdfd;
|
background-color: #fdfdfd;
|
||||||
padding-top: 60px;
|
padding: 60px 40px 0 40px;
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.description__img {
|
.description__img {
|
||||||
margin-left: 40px;
|
|
||||||
margin-top: 16px;
|
margin-top: 16px;
|
||||||
width: 118px;
|
width: 118px;
|
||||||
height: 118px;
|
height: 118px;
|
||||||
@ -21,24 +20,8 @@
|
|||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.description__img {
|
.description__img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 90px;
|
top: 80px;
|
||||||
left: 90px;
|
left: 0;
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 375.98px) {
|
|
||||||
.description__img {
|
|
||||||
position: absolute;
|
|
||||||
top: 90px;
|
|
||||||
left: 90px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 340.98px) {
|
|
||||||
.description__img {
|
|
||||||
position: absolute;
|
|
||||||
top: 90px;
|
|
||||||
left: 60px;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -60,7 +43,7 @@
|
|||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.description__title {
|
.description__title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 190px;
|
margin-bottom: 170px;
|
||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -176,7 +159,7 @@
|
|||||||
.description__list__item {
|
.description__list__item {
|
||||||
font-size: 1.5em;
|
font-size: 1.5em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-bottom: 120px;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -188,6 +171,7 @@
|
|||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.description__rectangle {
|
.description__rectangle {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
|
margin: 50px auto 80px auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -215,6 +199,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
|
.description {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.description__footer {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
.description__footer__btn > button {
|
.description__footer__btn > button {
|
||||||
width: 160px;
|
width: 160px;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
@ -237,3 +229,9 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
margin: 0 10px;
|
margin: 0 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.description__button {
|
||||||
|
margin: 1.5rem 0;
|
||||||
|
}
|
||||||
|
}
|
@ -16,7 +16,7 @@ footer .copyright {
|
|||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.footer__left {
|
.footer__left {
|
||||||
margin-top: 120px;
|
margin-top: 80px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -73,6 +73,7 @@ footer .copyright {
|
|||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer__phone {
|
.footer__phone {
|
||||||
color: #003b65;
|
color: #003b65;
|
||||||
font-family: 'CeraPro';
|
font-family: 'CeraPro';
|
||||||
@ -92,3 +93,9 @@ footer .copyright {
|
|||||||
line-height: normal;
|
line-height: normal;
|
||||||
margin-left: 24px;
|
margin-left: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.footer__left {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
@ -31,9 +31,9 @@
|
|||||||
transition: .3s;
|
transition: .3s;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1198px) {
|
@media (max-width: 1199px) {
|
||||||
.logout-button {
|
.logout-button {
|
||||||
top: 16px;
|
top: 16px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -162,3 +162,13 @@
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.outstaffing__box {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.outstaffing__box>div {
|
||||||
|
margin-top: 32px;
|
||||||
|
}
|
||||||
|
}
|
@ -45,7 +45,7 @@
|
|||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.search__box > button {
|
.search__box > button {
|
||||||
margin-top: 40px;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -77,4 +77,10 @@
|
|||||||
|
|
||||||
.search__submit:hover .loader path {
|
.search__submit:hover .loader path {
|
||||||
fill: #6aaf5c;
|
fill: #6aaf5c;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 990px) {
|
||||||
|
.select {
|
||||||
|
margin-right: 1rem;
|
||||||
|
}
|
||||||
}
|
}
|
@ -131,3 +131,15 @@
|
|||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1199px) {
|
||||||
|
.candidateSidebar {
|
||||||
|
flex-direction: row;
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidateSidebar__info {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user