Rev 5280 | AutorÃa | Comparar con el anterior | Ultima modificación | Ver Log |
#app {
padding-top: 4.5rem;
padding-bottom: 4.5rem;
min-height: 80vh;
@media (min-width: 768px) {
padding-top: 5.5rem;
padding-bottom: initial;
}
}
body {
position: relative;
background-color: #f3f2ef !important;
}
.header,
.mobile-menu {
background-color: #fff;
width: 100%;
z-index: 999;
}
.header {
top: 0;
position: fixed;
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.header__nav {
display: flex;
justify-content: space-between;
gap: 0.5rem;
}
.header__left {
align-items: center;
display: flex;
gap: 1rem;
flex: 1;
& a>img {
object-fit: cover;
display: none;
}
&.show {
width: -webkit-fill-available;
}
}
.header__search {
display: flex;
align-items: center;
border-radius: 5px;
height: 34px;
color: gray;
cursor: pointer;
transition: all 0.2s;
width: -webkit-fill-available;
&:hover {
color: #000;
}
&>input {
display: none;
border: none;
outline: none;
background: none;
width: 100%;
}
&.show {
padding: 0.5rem;
margin: 10px 0;
background-color: #eef3f0;
flex: 1;
&>input {
display: initial;
}
}
}
.header__right {
align-items: center;
flex: 1;
display: flex;
&>ul {
display: flex;
flex: 1;
justify-content: space-evenly;
gap: 0.5rem;
li {
position: relative;
}
}
&.hide {
display: none;
}
}
.MuiAccordionSummary-content {
align-items: center;
margin: 0.5rem 0 !important;
gap: 2.5rem;
color: rgba(0, 0, 0, 0.54);
}
@media (min-width: 768px) {
.header__nav {
gap: initial;
}
}
@media (min-width: 992px) {
.header__right {
flex-grow: initial;
&>ul {
display: flex !important;
justify-content: initial;
gap: 1.5rem;
}
}
.header__left {
flex: 1;
& a>img {
display: flex;
height: 50px;
width: 50px;
object-fit: scale-down;
}
}
.header__search {
padding: 0.5rem;
background-color: #eef3f0;
&>input {
display: initial;
}
}
}