Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4435 | Rev 4603 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 4435 Rev 4436
Línea 1... Línea 1...
1 
#app {
 1 
#app {
2 
    padding-top: 5.5rem;
 2 
    padding-top: 5.5rem;
3 
}
 3 
}
4 
 
 - 
 
5 
.wrapper {
 4 
.wrapper {
6 
    background-color: #f3f2ef !important;
 5 
    background-color: #f3f2ef !important;
7 
}
 6 
}
8 
 
 - 
 
9 
.header {
 7 
.header {
10 
    position: fixed;
 8 
    position: fixed;
11 
    top: 0;
 9 
    top: 0;
12 
    background-color: #fff;
 10 
    background-color: #fff;
13 
    border-bottom: 0.1px solid rgba(0, 0, 0, 0.06);
 11 
    border-bottom: 0.1px solid rgba(0, 0, 0, 0.06);
14 
    width: 100%;
 12 
    width: 100%;
15 
    z-index: 999;
 13 
    z-index: 999;
16 
}
 14 
}
17 
 
 - 
 
18 
.header__nav {
 15 
.header__nav {
19 
    display: flex;
 16 
    display: flex;
20 
    justify-content: space-between;
 17 
    justify-content: space-between;
21 
    gap: 0.5rem;
 18 
    gap: 0.5rem;
22 
}
 19 
}
23 
 
 - 
 
24 
.header__left {
 20 
.header__left {
25 
    align-items: center;
 21 
    align-items: center;
26 
    display: flex;
 22 
    display: flex;
27 
    gap: 10px;
 23 
    gap: 10px;
28 
    & > img {
 24 
    & > img {
29 
        object-fit: contain;
 25 
        object-fit: contain;
30 
        height: 40px;
 26 
        height: 40px;
31 
        width: 40px;
 27 
        width: 40px;
32 
    }
 28 
    }
33 
}
 29 
}
34 
 
 - 
 
35 
.header__search {
 30 
.header__search {
36 
    display: flex;
 31 
    display: flex;
37 
    align-items: center;
 32 
    align-items: center;
38 
    border-radius: 5px;
 33 
    border-radius: 5px;
39 
    height: 34px;
 34 
    height: 34px;
Línea 56... Línea 51...
56 
        & > input {
 51 
        & > input {
57 
            display: initial;
 52 
            display: initial;
58 
        }
 53 
        }
59 
    }
 54 
    }
60 
}
 55 
}
61 
 
 - 
 
62 
.header__right {
 56 
.header__right {
63 
    align-items: center;
 57 
    align-items: center;
64 
    flex-grow: 1;
 58 
    flex-grow: 1;
65 
    display: flex;
 59 
    display: flex;
66 
    & > ul {
 60 
    & > ul {
Línea 74... Línea 68...
74 
    }
 68 
    }
75 
    &.hide {
 69 
    &.hide {
76 
        display: none;
 70 
        display: none;
77 
    }
 71 
    }
78 
}
 72 
}
79 
 
 - 
 
80 
@media (min-width: 768px) {
 73 
@media (min-width: 768px) {
81 
    .header__nav {
 74 
    .header__nav {
82 
        gap: initial;
 75 
        gap: initial;
83 
    }
 76 
    }
84 
    .header__left{
 77 
    .header__left {
85 
        flex: 1;
 78 
        flex: 1;
86 
    }
 79 
    }
87 
    .header__right {
 80 
    .header__right {
88 
        flex-grow: initial;
 81 
        flex-grow: initial;
89 
        & > ul {
 82 
        & > ul {
90 
            display: flex !important;
 83 
            display: flex !important;
91 
            justify-content: initial;
 84 
            justify-content: initial;
92 
            gap: 1.5rem;
 85 
            gap: 1.5rem;
93 
        }
 86 
        }
94 
    }
 87 
    }
- 
 
 88 
}
- 
 
 89 
@media (min-width: 992px) {
95 
    .header__search {
 90 
    .header__search {
96 
        padding: 0.5rem;
 91 
        padding: 0.5rem;
97 
        background-color: #eef3f0;
 92 
        background-color: #eef3f0;
98 
        & > input {
 93 
        & > input {
99 
            display: initial;
 94 
            display: initial;