70 lines
1.1 KiB
SCSS
70 lines
1.1 KiB
SCSS
.header {
|
||
background: #BDB1E7;
|
||
display: flex;
|
||
align-items: center;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.logo {
|
||
color: white;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
margin-right: 20px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.menu {
|
||
background: #BDB1E7; /* Задает фон меню такой же, как и у шапки */
|
||
flex: 1;
|
||
}
|
||
|
||
.burgerIcon {
|
||
display: none;
|
||
font-size: 24px;
|
||
color: white;
|
||
cursor: pointer;
|
||
}
|
||
|
||
.logoutButton {
|
||
background-color: #372579;
|
||
}
|
||
|
||
.logoutButton:hover {
|
||
background: #47309C !important;
|
||
}
|
||
.logoutButtonBurger {
|
||
background-color: #372579;
|
||
color:#BDB1E7;
|
||
margin-top:20px;
|
||
width:100%;
|
||
}
|
||
|
||
.logoutButtonBurger:hover {
|
||
background: #47309C !important;
|
||
}
|
||
|
||
// .menuBurger{
|
||
// color:white;
|
||
// background-color:#372579;
|
||
// }
|
||
|
||
@media screen and (max-width: 580px) {
|
||
.burgerIcon {
|
||
display: block;
|
||
position: absolute;
|
||
right:10px;
|
||
|
||
}
|
||
|
||
.menu {
|
||
display: none; /* Скрываем горизонтальное меню на мобильных */
|
||
}
|
||
}
|
||
|
||
@media screen and (max-width: 748px) {
|
||
.logo{
|
||
line-height: 20px;
|
||
text-align: center;
|
||
}
|
||
}
|