Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6894 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 6894 Rev 6906
Línea 6... Línea 6...
6 
    color: blueviolet;
 6 
    color: blueviolet;
7 
    border-radius: 50%;
 7 
    border-radius: 50%;
8 
    height: 3rem;
 8 
    height: 3rem;
9 
    width: 3rem;
 9 
    width: 3rem;
10 
    font-size: 1.1rem;
 10 
    font-size: 1.1rem;
- 
 
 11 
 
11 
    &::before {
 12 
    &::before {
12 
        content: initial;
 13 
        content: initial;
13 
    }
 14 
    }
14 
}
 15 
}
- 
 
 16 
 
- 
 
 17 
.linked__widget,
- 
 
 18 
.suggest__widget {
- 
 
 19 
    background: #fff;
- 
 
 20 
    padding: 1rem;
- 
 
 21 
    border-radius: 10px;
- 
 
 22 
    display: flex;
- 
 
 23 
    flex-direction: column;
- 
 
 24 
    gap: 1rem;
- 
 
 25 
    border: 1px solid lightgray;
- 
 
 26 
    height: fit-content;
- 
 
 27 
 
- 
 
 28 
    &>a {
- 
 
 29 
        font-size: 1rem;
- 
 
 30 
        color: gray;
- 
 
 31 
 
- 
 
 32 
        svg {
- 
 
 33 
            font-size: 1.3rem;
- 
 
 34 
        }
- 
 
 35 
    }
- 
 
 36 
 
- 
 
 37 
    img {
- 
 
 38 
        width: 60px;
- 
 
 39 
        height: 60px;
- 
 
 40 
        border-radius: 50%;
- 
 
 41 
    }
- 
 
 42 
 
- 
 
 43 
    p {
- 
 
 44 
        padding: 0 1rem;
- 
 
 45 
    }
- 
 
 46 
 
- 
 
 47 
    .linked__widget-header {
- 
 
 48 
        display: flex;
- 
 
 49 
        align-items: center;
- 
 
 50 
        justify-content: space-between;
- 
 
 51 
 
- 
 
 52 
        h3 {
- 
 
 53 
            font-weight: 600;
- 
 
 54 
        }
- 
 
 55 
    }
- 
 
 56 
 
- 
 
 57 
    .linked__widget-list {
- 
 
 58 
        display: flex;
- 
 
 59 
        flex-direction: column;
- 
 
 60 
        gap: 0.5rem;
- 
 
 61 
    }
- 
 
 62 
 
- 
 
 63 
    .linked__widget-content {
- 
 
 64 
        display: flex;
- 
 
 65 
        align-items: center;
- 
 
 66 
        gap: 0.5rem;
- 
 
 67 
 
- 
 
 68 
        .linked__widget-info {
- 
 
 69 
            display: flex;
- 
 
 70 
            flex-direction: column;
- 
 
 71 
            gap: 5px;
- 
 
 72 
            align-items: flex-start;
- 
 
 73 
 
- 
 
 74 
            h4 {
- 
 
 75 
                font-weight: 600;
- 
 
 76 
            }
- 
 
 77 
 
- 
 
 78 
            p {
- 
 
 79 
                color: gray;
- 
 
 80 
            }
- 
 
 81 
 
- 
 
 82 
            .btn {
- 
 
 83 
                border-radius: 30px;
- 
 
 84 
                font-weight: 600;
- 
 
 85 
                background: transparent !important;
- 
 
 86 
                border: 2px solid lightgray !important;
- 
 
 87 
                border-radius: 30px;
- 
 
 88 
                color: gray !important;
- 
 
 89 
 
- 
 
 90 
                &:hover {
- 
 
 91 
                    background: lightgray !important;
- 
 
 92 
                    color: #fff !important;
- 
 
 93 
                }
- 
 
 94 
            }
- 
 
 95 
        }
- 
 
 96 
    }
- 
 
 97 
}
- 
 
 98 
 
- 
 
 99 
.suggest__widget {
- 
 
 100 
    padding: 0;
- 
 
 101 
 
- 
 
 102 
    .linked__widget-list {
- 
 
 103 
        padding: 0 1rem;
- 
 
 104 
    }
- 
 
 105 
 
- 
 
 106 
    .linked__widget-header {
- 
 
 107 
        padding: 1rem 1rem 0;
- 
 
 108 
    }
- 
 
 109 
 
- 
 
 110 
    .load__suggest {
- 
 
 111 
        width: 100%;
- 
 
 112 
        display: flex;
- 
 
 113 
        align-items: center;
- 
 
 114 
        justify-content: center;
- 
 
 115 
        padding: 0.5rem 0;
- 
 
 116 
        color: rgba(0, 0, 0, 0.6);
- 
 
 117 
        cursor: pointer;
- 
 
 118 
 
- 
 
 119 
        &:hover {
- 
 
 120 
            background-color: rgba(0, 0, 0, 0.08);
- 
 
 121 
        }
- 
 
 122 
    }
- 
 
 123 
}
- 
 
 124 
 
- 
 
 125 
.description__label {
- 
 
 126 
    label {
- 
 
 127 
        font-size: 1rem;
- 
 
 128 
        font-weight: 600;
- 
 
 129 
    }
- 
 
 130 
 
- 
 
 131 
    p {
- 
 
 132 
        font-size: 0.9rem;
- 
 
 133 
    }
- 
 
 134 
 
- 
 
 135 
    margin-bottom: 1rem;
- 
 
 136 
}
- 
 
 137 
 
- 
 
 138 
.button {
- 
 
 139 
    border-radius: 30px;
- 
 
 140 
    align-items: center;
- 
 
 141 
    padding-left: 1rem !important;
- 
 
 142 
    padding-right: 1rem !important;
- 
 
 143 
    border: none;
- 
 
 144 
    cursor: pointer;
- 
 
 145 
    font-weight: 600;
- 
 
 146 
    width: fit-content;
- 
 
 147 
    display: inline-flex;
- 
 
 148 
    justify-content: center;
- 
 
 149 
    min-width: 6.4rem;
- 
 
 150 
    max-width: 480px;
- 
 
 151 
    overflow: hidden;
- 
 
 152 
    text-align: center;
- 
 
 153 
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
- 
 
 154 
}
- 
 
 155 
 
- 
 
 156 
.members-image__list {
- 
 
 157 
    display: flex;
- 
 
 158 
    align-items: center;
- 
 
 159 
    gap: 0.5rem;
- 
 
 160 
    flex-wrap: nowrap;
- 
 
 161 
    overflow: hidden;
- 
 
 162 
    padding: 0 1rem;
- 
 
 163 
}
- 
 
 164 
 
- 
 
 165 
.group__actions {
- 
 
 166 
    background-color: #fff;
- 
 
 167 
    border: 1px solid lightgray;
- 
 
 168 
    border-radius: 10px;
- 
 
 169 
    overflow: hidden;
- 
 
 170 
 
- 
 
 171 
    .group__actions-cover {
- 
 
 172 
        height: 150px;
- 
 
 173 
        width: 100%;
- 
 
 174 
 
- 
 
 175 
        img {
- 
 
 176 
            height: 100%;
- 
 
 177 
            width: 100%;
- 
 
 178 
            object-fit: cover;
- 
 
 179 
        }
- 
 
 180 
    }
- 
 
 181 
 
- 
 
 182 
    .group__actions-body {
- 
 
 183 
        &>img {
- 
 
 184 
            margin-top: -44px;
- 
 
 185 
            width: 88px;
- 
 
 186 
            height: 88px;
- 
 
 187 
            border: 2px solid #fff;
- 
 
 188 
        }
- 
 
 189 
 
- 
 
 190 
        &>h1 {
- 
 
 191 
            font-size: 24px;
- 
 
 192 
            font-weight: 600;
- 
 
 193 
            line-height: 1.25;
- 
 
 194 
        }
- 
 
 195 
 
- 
 
 196 
        display: flex;
- 
 
 197 
        flex-direction: column;
- 
 
 198 
        gap: 0.5rem;
- 
 
 199 
        padding: 1rem;
- 
 
 200 
    }
- 
 
 201 
}
15 

            202