Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4256 Rev 4257
Línea 5... Línea 5...
5 
    align-items: center;
 5 
    align-items: center;
6 
    justify-content: center;
 6 
    justify-content: center;
7 
    color: gray;
 7 
    color: gray;
8 
    position: relative;
 8 
    position: relative;
9 
    padding: 10px 0;
 9 
    padding: 10px 0;
10 
    min-width: 60px;
 - 
 
11 
    &:hover,
 10 
    &:hover,
12 
    &.active {
 11 
    &.active {
13 
        color: #000;
 12 
        color: #000;
14 
        &::after {
 13 
        &::after {
15 
            transform: scaleX(1);
 14 
            transform: scaleX(1);
Línea 34... Línea 33...
34 
}
 33 
}
Línea 35... Línea 34...
35 
 
 34 
 
36 
.user__options-dropdown {
 35 
.user__options-dropdown {
37 
    position: absolute;
 36 
    position: absolute;
38 
    right: 0;
 37 
    right: 0;
39 
    top: 100%;
 38 
    top: calc(100% + 10px);
40 
    background-color: #fff;
 39 
    background-color: #fff;
41 
    padding: 10px;
 40 
    padding: 10px;
42 
    border-radius: 5px;
 41 
    border-radius: 5px;
43 
    border-top-right-radius: 0;
 42 
    border-top-right-radius: 0;
Línea 59... Línea 58...
59 
            white-space: nowrap;
 58 
            white-space: nowrap;
60 
        }
 59 
        }
61 
    }
 60 
    }
62 
}
 61 
}
Línea -... Línea 62...
- 
 
 62 
 
- 
 
 63 
.user__options-description {
- 
 
 64 
    display: flex;
- 
 
 65 
    flex-direction: column;
- 
 
 66 
    align-items: center;
- 
 
 67 
    gap: 0.5rem;
- 
 
 68 
}
- 
 
 69 
 
- 
 
 70 
.user__options-description {
- 
 
 71 
    display: flex;
- 
 
 72 
    align-items: center;
- 
 
 73 
    gap: 0.5rem;
- 
 
 74 
}
63 
 
 75 
 
64 
.user__option-icon {
 76 
.user__option-icon {
65 
    height: 16px;
 77 
    height: 16px;
66 
    width: 16px;
 78 
    width: 16px;
Línea 67... Línea 79...
67 
}
 79 
}
68 
 
 80 
 
- 
 
 81 
@media (min-width: 768px) {
- 
 
 82 
    .header__option {
69 
@media (min-width: 768px) {
 83 
        min-width: 60px;
70 
    .header__option > span {
 84 
        & > span {
- 
 
 85 
            display: flex;
71 
        display: flex;
 86 
            align-items: center;
72 
        align-items: center;
 87 
        }