Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
6894 stevensc 1 
.cover__edit-btn {
2 
    position: absolute;
3 
    top: 20px;
4 
    right: 20px;
5 
    background-color: #fff;
6 
    color: blueviolet;
7 
    border-radius: 50%;
8 
    height: 3rem;
9 
    width: 3rem;
10 
    font-size: 1.1rem;
6906 stevensc 11 
 
6894 stevensc 12 
    &::before {
13 
        content: initial;
14 
    }
15 
}
6906 stevensc 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 
}