This commit is contained in:
Kirill Pet
2024-10-09 03:25:54 +03:00
parent 44fee90f1a
commit 36ea891f36
6 changed files with 85 additions and 23 deletions

View File

@@ -142,6 +142,15 @@ button{
background: none;
border: none;
display: flex;
align-items: center;
transition: opacity .2s ease-out;
}
.lang__open:hover{
opacity: .8;
}
.lang-open p{
font-family: var(--font-family);
font-weight: 700;
font-size: 16px;
@@ -150,26 +159,19 @@ button{
text-align: start;
color: var(--text-black);
position: relative;
transition: opacity .2s ease-out;
}
.lang__open::before{
content: '';
.lang-open__arrow{
margin-left: 7.25px;
position: absolute;
top: 19.25px;
right: 18.25px;
width: 10px;
height: 6px;
background-image: url(../img/svg/main/arrow-black.svg);
background-repeat: no-repeat;
display: flex;
justify-content: center;
align-items: center;
}
.lang__open:hover{
opacity: .8;
.lang-open__black{
}
.lang-open__white{
display: none;
}
.lang__content{
position: absolute;
@@ -273,6 +275,9 @@ button{
width: 24px;
aspect-ratio: 1;
}
.mini-profile__icon.white{
display: none;
}
/* mini-profile */

View File

@@ -73,7 +73,8 @@
width: 182px;
height: 40px;
}
.header__logo-black{
.header__logo-black,
.header__logo-white{
width: 100%;
height: 100%;
}
@@ -236,6 +237,40 @@
text-decoration: none;
}
.header.white{
background-color: thistle;
}
.header.white .header__logo-black{
display: none;
}
.header.white .main-menu__link{
color: var(--text-white);
}
.header.white .main-menu__button{
background: var(--background-white);
}
.header.white .lang__open{
color: var(--text-white);
}
.header.white::after{
background: var(--background-white);
}
.header.white .lang-open__black{
display: none;
}
.header.white .lang-open__white{
display: block;
}
.header.white .mini-profile__icon.white{
display: block;
}
.header.white .mini-profile__icon.black{
display: none;
}
.header.white .header__open-menu::before,
.header.white .header__open-menu::after{
background: var(--background-white);
}
/* header end */
/* product */

View File

@@ -19,7 +19,7 @@
background: none;
}
.modal__basket .modal__header {
height: calc(100% - 158px);
height: calc(100% - 92px);
margin-bottom: -36px;
}
.modal-basket-item__block-image{