Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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