chat.page.scss 1.51 KB
@import "../../global.scss";
.chat_list_wrapper {
    .circle_pic {
        width:50px;
        height: 50px;
        border-radius: 50%;
        background-color: $primary_color;
        background-image: url("../../assets/id.png");
        background-position: center;
        background-size: 30px;
        background-repeat: no-repeat;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 50%;
        }
    }
    .detail_section {
        width:calc(100% - 130px);
            padding: 5px;
            padding-left:20px;
        h5 {
            margin:0px;
            padding:0px;
            color:$dark_prime;
            font-size: 16px;
            span{
                color:$primary_color;
                font-size: 14px;
                position: relative;
                bottom: 6px;
            }
        }
        p {
             margin:0px;
            padding:0px;
            color:#988FA7;
        }
        
    }
    .end_section{
        width: 80px;
        height: 50px;
        padding: 0px;
        .not{
            color:$white_color;
            background-color:$primary_color;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            text-align: center;
            font-size: 13px;
            margin-bottom: 7px;
        }
        p {
             margin:0px;
            padding:0px;
            color:#988FA7;
            text-align:right;
        }
      
    }
}