Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4432 | Rev 4436 | 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 {
4312 stevensc 2 
    padding-top: 5.5rem;
4311 stevensc 3 
}
4 
 
4313 stevensc 5 
.wrapper {
6 
    background-color: #f3f2ef !important;
7 
}
8 
 
4247 stevensc 9 
.header {
4311 stevensc 10 
    position: fixed;
4247 stevensc 11 
    top: 0;
4251 stevensc 12 
    background-color: #fff;
4255 stevensc 13 
    border-bottom: 0.1px solid rgba(0, 0, 0, 0.06);
4247 stevensc 14 
    width: 100%;
15 
    z-index: 999;
16 
}
17 
 
18 
.header__nav {
19 
    display: flex;
20 
    justify-content: space-between;
4432 stevensc 21 
    gap: 0.5rem;
4247 stevensc 22 
}
23 
 
24 
.header__left {
4265 stevensc 25 
    align-items: center;
4247 stevensc 26 
    display: flex;
27 
    gap: 10px;
4250 stevensc 28 
    & > img {
29 
        object-fit: contain;
30 
        height: 40px;
4257 stevensc 31 
        width: 40px;
4250 stevensc 32 
    }
4247 stevensc 33 
}
34 
 
35 
.header__search {
36 
    display: flex;
37 
    align-items: center;
38 
    border-radius: 5px;
39 
    height: 34px;
40 
    color: gray;
41 
    cursor: pointer;
42 
    transition: all 0.2s;
4250 stevensc 43 
    &:hover {
44 
        color: #000;
45 
    }
46 
    & > input {
47 
        display: none;
48 
        border: none;
49 
        outline: none;
50 
        background: none;
51 
    }
52 
    &.show {
53 
        padding: 0.5rem;
54 
        background-color: #eef3f0;
55 
        flex: 1;
56 
        & > input {
57 
            display: initial;
58 
        }
59 
    }
4247 stevensc 60 
}
61 
 
62 
.header__right {
4249 stevensc 63 
    align-items: center;
4247 stevensc 64 
    flex-grow: 1;
4249 stevensc 65 
    display: flex;
4247 stevensc 66 
    & > ul {
67 
        display: flex;
4249 stevensc 68 
        flex-grow: 1;
4247 stevensc 69 
        justify-content: space-evenly;
4432 stevensc 70 
        gap: 0.5rem;
4253 stevensc 71 
        li {
4254 stevensc 72 
            position: relative;
4253 stevensc 73 
        }
4247 stevensc 74 
    }
75 
    &.hide {
76 
        display: none;
77 
    }
78 
}
79 
 
80 
@media (min-width: 768px) {
4432 stevensc 81 
    .header__nav {
82 
        gap: initial;
83 
    }
4435 stevensc 84 
    .header__left{
85 
        flex: 1;
86 
    }
4247 stevensc 87 
    .header__right {
88 
        flex-grow: initial;
89 
        & > ul {
90 
            display: flex !important;
91 
            justify-content: initial;
4432 stevensc 92 
            gap: 1.5rem;
4247 stevensc 93 
        }
94 
    }
95 
    .header__search {
96 
        padding: 0.5rem;
97 
        background-color: #eef3f0;
4250 stevensc 98 
        & > input {
99 
            display: initial;
100 
        }
4247 stevensc 101 
    }
102 
}