chore: remove Message.vue
This commit is contained in:
parent
35da3f1d1f
commit
ad41dd21c6
|
@ -1,34 +0,0 @@
|
|||
<script setup lang='ts'>
|
||||
import { Icon } from '@/components'
|
||||
|
||||
interface Props {
|
||||
user?: boolean
|
||||
date?: string
|
||||
message?: string
|
||||
error?: boolean
|
||||
}
|
||||
|
||||
defineProps<Props>()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="flex w-full mb-6" :class="[{ 'flex-row-reverse': user }]">
|
||||
<div
|
||||
class="flex items-center justify-center rounded-full overflow-hidden w-[32px] h-[32px]"
|
||||
:class="[user ? 'ml-3' : 'mr-3']"
|
||||
>
|
||||
<img v-if="user" src="@/assets/avatar.jpg" class="object-cover w-full h-full " alt="avatar">
|
||||
<Icon v-else local-icon="logo" class="text-[26px]" />
|
||||
</div>
|
||||
<div class="flex flex-col flex-1 text-sm" :class="[{ 'items-end': user }]">
|
||||
<span class="text-xs text-[#b4bbc4]">
|
||||
{{ date }}
|
||||
</span>
|
||||
<div class="p-2 mt-2 rounded-md" :class="[user ? 'bg-[#d2f9d1]' : 'bg-[#f4f6f8]']">
|
||||
<span class="leading-relaxed whitespace-pre" :class="[{ 'text-red-500': error }]">
|
||||
{{ message }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
Loading…
Reference in New Issue