fix desktop version auth

This commit is contained in:
Виктор Батищев 2022-06-01 20:30:10 +03:00
parent 5b9ccfbb2e
commit a41e16039e
5 changed files with 15 additions and 25 deletions

View File

@ -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'>
Управление задачами Управление задачами

View File

@ -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;

View File

@ -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) {

View File

@ -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>

View File

@ -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;