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