Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4491 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
4489 stevensc 1
.linked__widget,
2
.suggest__widget {
3
    background: #fff;
4
    padding: 1rem;
5
    border-radius: 10px;
6
    display: flex;
7
    flex-direction: column;
8
    gap: 1rem;
9
    border: 1px solid lightgray;
10
    height: fit-content;
11
    & > a {
12
        font-size: 1rem;
13
        color: gray;
14
        svg {
15
            font-size: 1.3rem;
16
        }
17
    }
18
    img {
19
        width: 60px;
20
        height: 60px;
4492 stevensc 21
        border-radius: 50%;
4489 stevensc 22
    }
23
    .linked__widget-header {
24
        display: flex;
25
        align-items: center;
26
        justify-content: space-between;
27
    }
28
    .linked__widget-list {
29
        display: flex;
30
        flex-direction: column;
31
        gap: 0.5rem;
32
    }
33
    .linked__widget-content {
34
        display: flex;
35
        align-items: center;
36
        gap: 0.5rem;
37
        .linked__widget-info {
38
            display: flex;
39
            flex-direction: column;
40
            gap: 5px;
41
            align-items: flex-start;
42
            h4 {
43
                font-weight: 600;
44
            }
45
            p {
46
                color: gray;
47
            }
48
            .btn {
49
                border-radius: 30px;
50
                font-weight: 600;
51
                background: transparent !important;
52
                border: 2px solid lightgray !important;
53
                border-radius: 30px;
54
                color: gray !important;
55
                &:hover {
56
                    background: lightgray !important;
57
                    color: #fff !important;
58
                }
59
            }
60
        }
61
    }
62
}
63
.suggest__widget {
64
    padding: 0;
65
    .linked__widget-list {
66
        padding: 0 1rem;
67
    }
4491 stevensc 68
    .linked__widget-header {
69
        padding: 1rem 1rem 0;
70
    }
4489 stevensc 71
    .load__suggest {
72
        width: 100%;
73
        display: flex;
74
        align-items: center;
4491 stevensc 75
        justify-content: center;
76
        padding: 0.5rem 0;
77
        color: rgba(0, 0, 0, 0.6);
4492 stevensc 78
        cursor: pointer;
4489 stevensc 79
        &:hover {
80
            background-color: rgba(0, 0, 0, 0.08);
81
        }
82
    }
83
}