fix desktop version auth
This commit is contained in:
parent
5b9ccfbb2e
commit
a41e16039e
@ -70,7 +70,9 @@ const AuthForDevelopers = () => {
|
|||||||
|
|
||||||
<ul className='auth-developers__info-list'>
|
<ul className='auth-developers__info-list'>
|
||||||
<li className='auth-developers__info-item'>
|
<li className='auth-developers__info-item'>
|
||||||
Рабочее пространство
|
Рабочее
|
||||||
|
<br />
|
||||||
|
пространство
|
||||||
</li>
|
</li>
|
||||||
<li className='auth-info__list-item'>
|
<li className='auth-info__list-item'>
|
||||||
Управление задачами
|
Управление задачами
|
||||||
|
@ -118,13 +118,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 28px;
|
margin-top: 28px;
|
||||||
margin-left: -20px;
|
margin-left: -40px;
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
|
||||||
.auth-developers__info-img {
|
|
||||||
margin-left: -48px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-developers__info-img > div > img {
|
.auth-developers__info-img > div > img {
|
||||||
@ -147,7 +141,7 @@
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
margin-top: 110px;
|
margin-top: 110px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 114px;
|
left: 34px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
@ -159,7 +153,7 @@
|
|||||||
.auth-developers__info-item {
|
.auth-developers__info-item {
|
||||||
color: #1f1f1f;
|
color: #1f1f1f;
|
||||||
font-family: 'GT Eesti Pro Display';
|
font-family: 'GT Eesti Pro Display';
|
||||||
font-size: 4em;
|
font-size: 2.6em;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
|
@ -112,12 +112,7 @@
|
|||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
margin-top: 28px;
|
margin-top: 28px;
|
||||||
}
|
margin-left: -40px;
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
|
||||||
.auth-partners__info-img {
|
|
||||||
margin-left: -48px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-partners__info-img > div > img {
|
.auth-partners__info-img > div > img {
|
||||||
@ -144,7 +139,7 @@
|
|||||||
list-style: none;
|
list-style: none;
|
||||||
margin-top: 110px;
|
margin-top: 110px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: -120px;
|
right: -70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
|
@ -95,9 +95,11 @@ export const AuthBox = ({ title, altTitle, roleChangeLink }) => {
|
|||||||
{isLoading ? <Loader /> : 'Войти'}
|
{isLoading ? <Loader /> : 'Войти'}
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<Link to={roleChangeLink}>
|
||||||
<button className='auth-box__form-btn--role auth-box__auth-link'>
|
<button className='auth-box__form-btn--role auth-box__auth-link'>
|
||||||
<Link to={roleChangeLink}>{altTitle}</Link>
|
{altTitle}
|
||||||
</button>
|
</button>
|
||||||
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -50,7 +50,7 @@
|
|||||||
span {
|
span {
|
||||||
color: #18586e;
|
color: #18586e;
|
||||||
font-family: 'GT Eesti Pro Display';
|
font-family: 'GT Eesti Pro Display';
|
||||||
font-size: 1.6em;
|
font-size: 2em;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
letter-spacing: normal;
|
letter-spacing: normal;
|
||||||
@ -161,11 +161,8 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
border: 2px solid #6aaf5c;
|
border: 2px solid #6aaf5c;
|
||||||
margin-right: 1.5rem;
|
margin-right: 1.5rem;
|
||||||
|
|
||||||
a {
|
|
||||||
color: #6aaf5c !important;
|
color: #6aaf5c !important;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.loader * {
|
.loader * {
|
||||||
fill: #fff !important;
|
fill: #fff !important;
|
||||||
|
Loading…
Reference in New Issue
Block a user