<script lang="ts">
    import { Component } from "vue-property-decorator";
    import TextMessage from "@/customer-service/components/message-item/text-message.vue";
    @Component({ components: {} })
    export default class Index extends TextMessage {}
</script>

<style lang="less" scoped>
    .chat-room-con .message-template .my-message.msg-detail {
        background-color: #f5f5f5 !important;
        &::after {
           border: 0;
        }
    }
    .inline-text {
        display: inline-block;
        white-space: pre-wrap;
        text-align: left;
    }
</style>