/***********
*
* Notificações
*
************/
.notificacoes{
    .wrapper-content {
        padding: 30px;
        background-color: $whiteColor;
        margin-bottom: 15px;
        .panel {
            &.panel-horizontal {
                display:table;
                width:100%;
                .panel-heading{
                    padding: 5px;
                    border: {
                        right: 1px solid #ddd;
                        top-right-radius: 0;
                        bottom-left-radius: 4px;
                    }
                    @media only screen and (min-width: 768px){
                        width: 10%;
                    }
                    img {
                        &.avatar-notification {
                            border-radius: 100%;
                        }
                        &.post-notification {
                            width: 96px;
                            height: auto;
                        }
                    }
                }
                .panel-body{
                    display: inline-grid;
                    @media only screen and (max-width: 768px){
                        font-size: 14px;
                    }
                }
                .panel-heading,
                .panel-footer {
                    display:table-cell;
                    border:0;
                    vertical-align: middle;
                }
                .panel-footer {
                    border: {
                        left: 0px solid #ddd;
                        top-left-radius: 0;
                        bottom-right-radius: 4px;
                    }
                }
            }
        }
    }
}
/***********
*
* Notificações
*
************/
.notificacoes{
    .wrapper-content {
        padding: 30px;
        background-color: $whiteColor;
        margin-bottom: 15px;
        .panel {
            &.panel-horizontal {
                display:table;
                width:100%;
                .panel-heading{
                    padding: 5px;
                    border: {
                        right: 1px solid #ddd;
                        top-right-radius: 0;
                        bottom-left-radius: 4px;
                    }
                    @media only screen and (min-width: 768px){
                        width: 10%;
                    }
                    img {
                        &.avatar-notification {
                            width: 85px;
                            height: 85px;
                            border-radius: 100%;
                            object-fit: cover;
                            object-position: top;
                        }
                        &.post-notification {
                            width: 96px;
                            height: auto;
                        }
                    }
                }
                .panel-body{
                    display: inline-grid;
                    @media only screen and (max-width: 768px){
                        font-size: 14px;
                    }
                }
                .panel-heading,
                .panel-footer {
                    display:table-cell;
                    border:0;
                    vertical-align: middle;
                }
                .panel-footer {
                    border: {
                        left: 0px solid #ddd;
                        top-left-radius: 0;
                        bottom-right-radius: 4px;
                    }
                }
            }
        }
    }
}
Fix dimensões do avatar na lista de notificações.
Fix dimensões do avatar na lista de notificações.
