app/src/pages/home/components/ChatCom/style.less

.chat-container {
    position: relative;
    &-msg-content-right {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
        word-wrap: normal;
        word-break: break-word;
    }

    &-msg-content-left {
        display: flex;
        max-width: 600px;
        flex-wrap: nowrap;
        justify-content: flex-start;
        word-wrap: normal;
        word-break: break-word;
    }

    &-msg {
        height: 100%;
        line-height: 30px;
        background-color: darkgrey;
        border-radius: 30px;
        padding: 10px;
        margin: 10px 0;
    }

    &-input {
        position: fixed;
        bottom: 40px;
        padding: 10px;
        border-radius: 30px;
        border: 1px solid #ccc;
        left: 30px;
        .adm-input {
            width: 500px;
        }
        .adm-button {
            padding: 0;
            border: none;
            background-color: transparent;
        }
    }
}