Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4923 | Rev 4925 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4311 stevensc 1 
#app {
4889 stevensc 2 
    padding-top: 4.5rem;
3 
    padding-bottom: 4.5rem;
4736 stevensc 4 
    @media (min-width: 768px) {
5 
        padding-top: 5.5rem;
4754 stevensc 6 
        padding-bottom: initial;
4736 stevensc 7 
    }
4311 stevensc 8 
}
4313 stevensc 9 
.wrapper {
10 
    background-color: #f3f2ef !important;
11 
}
4736 stevensc 12 
.header,
13 
.mobile-menu {
4251 stevensc 14 
    background-color: #fff;
4247 stevensc 15 
    width: 100%;
16 
    z-index: 999;
17 
}
4736 stevensc 18 
.header {
19 
    top: 0;
20 
    position: absolute;
4740 stevensc 21 
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
4736 stevensc 22 
}
23 
.mobile-menu {
24 
    bottom: 0;
25 
    position: fixed;
26 
    display: flex;
4740 stevensc 27 
    border-top: 1px solid rgba(0, 0, 0, 0.06);
4738 stevensc 28 
    .icon-list {
29 
        width: 100%;
30 
        &::before {
31 
            content: none;
32 
        }
4744 stevensc 33 
        & > ul {
4738 stevensc 34 
            display: flex;
35 
            align-items: center;
36 
            justify-content: space-around;
4746 stevensc 37 
            & > li {
38 
                position: relative;
39 
                .header__option {
40 
                    display: flex !important;
41 
                    svg {
42 
                        font-size: 2rem !important;
43 
                    }
4739 stevensc 44 
                }
4738 stevensc 45 
            }
46 
        }
4736 stevensc 47 
    }
48 
    @media (min-width: 768px) {
49 
        display: none;
50 
    }
51 
}
4247 stevensc 52 
.header__nav {
53 
    display: flex;
54 
    justify-content: space-between;
4432 stevensc 55 
    gap: 0.5rem;
4247 stevensc 56 
}
57 
.header__left {
4265 stevensc 58 
    align-items: center;
4247 stevensc 59 
    display: flex;
60 
    gap: 10px;
4250 stevensc 61 
    & > img {
4603 stevensc 62 
        object-fit: cover;
4756 stevensc 63 
        display: none;
4250 stevensc 64 
    }
4924 stevensc 65 
    &.show {
66 
        width: -webkit-fill-available;
67 
    }
4247 stevensc 68 
}
69 
.header__search {
70 
    display: flex;
71 
    align-items: center;
72 
    border-radius: 5px;
73 
    height: 34px;
74 
    color: gray;
75 
    cursor: pointer;
76 
    transition: all 0.2s;
4923 stevensc 77 
    width: -webkit-fill-available;
4250 stevensc 78 
    &:hover {
79 
        color: #000;
80 
    }
81 
    & > input {
82 
        display: none;
83 
        border: none;
84 
        outline: none;
85 
        background: none;
4745 stevensc 86 
        width: 100%;
4250 stevensc 87 
    }
88 
    &.show {
89 
        padding: 0.5rem;
4734 stevensc 90 
        margin: 10px 0;
4250 stevensc 91 
        background-color: #eef3f0;
92 
        flex: 1;
93 
        & > input {
94 
            display: initial;
95 
        }
96 
    }
4247 stevensc 97 
}
98 
.header__right {
4249 stevensc 99 
    align-items: center;
4247 stevensc 100 
    flex-grow: 1;
4249 stevensc 101 
    display: flex;
4247 stevensc 102 
    & > ul {
103 
        display: flex;
4249 stevensc 104 
        flex-grow: 1;
4247 stevensc 105 
        justify-content: space-evenly;
4432 stevensc 106 
        gap: 0.5rem;
4253 stevensc 107 
        li {
4254 stevensc 108 
            position: relative;
4253 stevensc 109 
        }
4247 stevensc 110 
    }
111 
    &.hide {
112 
        display: none;
113 
    }
114 
}
4785 stevensc 115 
.MuiAccordionSummary-content {
116 
    align-items: center;
117 
    margin: 0.5rem 0 !important;
4786 stevensc 118 
    gap: 2.5rem;
119 
    color: rgba(0, 0, 0, 0.54);
4785 stevensc 120 
}
4247 stevensc 121 
@media (min-width: 768px) {
4432 stevensc 122 
    .header__nav {
123 
        gap: initial;
124 
    }
4748 stevensc 125 
}
126 
@media (min-width: 992px) {
4247 stevensc 127 
    .header__right {
128 
        flex-grow: initial;
129 
        & > ul {
130 
            display: flex !important;
131 
            justify-content: initial;
4432 stevensc 132 
            gap: 1.5rem;
4247 stevensc 133 
        }
134 
    }
4748 stevensc 135 
    .header__left {
136 
        flex: 1;
137 
        & > img {
4756 stevensc 138 
            display: flex;
4748 stevensc 139 
            height: 60px;
140 
            width: 60px;
141 
        }
142 
    }
4247 stevensc 143 
    .header__search {
144 
        padding: 0.5rem;
145 
        background-color: #eef3f0;
4250 stevensc 146 
        & > input {
147 
            display: initial;
148 
        }
4247 stevensc 149 
    }
150 
}