Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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