slibra-module-admin/src/components/chat/ChatAsk.vue

<script setup>
// import { SvgIcon } from "@/components";

defineProps({
  content: {
    type: String,
    default: ''
  },
  sessionId: {
    type: String,
    default: ''
  }
})

</script>

<template>
  <div class="ask-inner flex items-center justify-start pl-[20px] mb-[20px]">
    <div class="chat-ask_icon">
      <svg-icon icon-class="avatar"/>
    </div>
    <p class="flex-1 ml-[16px] text-[15px] font-bold leading-[24px]" v-html="content"></p>
  </div>
</template>

<style scoped>
.chat-ask_icon {
  font-size: 22px;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 50%;
}
</style>