Proyectos de Subversion LeadersLinked - Backend

@import "../../css/shared/variables.scss";

.comments_list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    max-height: 250px;
    overflow-y: auto;
}

.comment {
    background-color: $bg-color-secondary;
    border-radius: 10px;
    border-top-left-radius: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .5rem 1rem;

    &_header {
        align-items: center;
        display: flex;
        gap: .5rem;
        position: relative;
        width: 100%;

        img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
        }

        h3 {
            color: $title-color;
            font-weight: 600;
        }

        span {
            color: $subtitle-color;
            font-size: .9rem;
        }
    }
}

.comment_form {
    display: flex;
    align-items: center;

    img {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        margin-right: .5rem;
    }

    input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        width: auto;
        flex: 1;
    }

    button {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
}