Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16668 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16666 stevensc 1 
@import "../../css/shared/variables.scss";
2 
 
3 
.comments_list {
4 
    display: flex;
5 
    flex-direction: column;
16667 stevensc 6 
    gap: .5rem;
16666 stevensc 7 
    max-height: 250px;
8 
    overflow-y: auto;
9 
}
10 
 
11 
.comment {
12 
    background-color: $bg-color-secondary;
13 
    border-radius: 10px;
16667 stevensc 14 
    border-top-left-radius: 0;
16666 stevensc 15 
    display: flex;
16 
    flex-direction: column;
17 
    gap: .5rem;
18 
    padding: .5rem 1rem;
19 
 
16667 stevensc 20 
    &_header {
16666 stevensc 21 
        align-items: center;
22 
        display: flex;
23 
        gap: .5rem;
24 
        position: relative;
25 
        width: 100%;
16667 stevensc 26 
 
27 
        img {
28 
            width: 40px;
29 
            height: 40px;
30 
            border-radius: 100%;
31 
        }
32 
 
33 
        h3 {
16668 stevensc 34 
            color: $title-color;
35 
            font-weight: 600;
36 
        }
37 
 
38 
        span {
16667 stevensc 39 
            color: $subtitle-color;
16668 stevensc 40 
            font-size: .9rem;
16667 stevensc 41 
        }
16666 stevensc 42 
    }
16669 stevensc 43 
}
44 
 
45 
.comment_form {
46 
    display: flex;
47 
    align-items: center;
48 
 
49 
    img {
50 
        width: 50px;
51 
        height: 50px;
52 
        border-radius: 100%;
53 
        margin-right: .5rem;
54 
    }
55 
 
56 
    input {
57 
        border-top-right-radius: 0;
58 
        border-bottom-right-radius: 0;
59 
    }
60 
 
61 
    button {
62 
        border-top-left-radius: 0;
63 
        border-bottom-left-radius: 0;
64 
    }
16666 stevensc 65 
}