chat-ui / src /lib /chat /ChatBox.svelte
victor's picture
victor HF staff
chat intro
a3ae6ee
raw
history blame
698 Bytes
<script lang="ts">
export let message;
</script>
{#if message.from === 'bot'}
<div class="flex items-start justify-start gap-4 leading-relaxed">
<img
alt=""
src="https://huggingface.co/avatars/2edb18bd0206c16b433841a47f53fa8e.svg"
class="mt-5 w-3 h-3 flex-none rounded-full shadow-lg"
/>
<div
class="group relative rounded-2xl px-5 py-3.5 border border-gray-100 bg-gradient-to-br from-gray-50"
>
{message.content}
</div>
</div>
{/if}
{#if message.from === 'user'}
<div class="flex items-start justify-start gap-4">
<div class="mt-5 w-3 h-3 flex-none rounded-full" />
<div class="rounded-2xl px-5 py-3.5 text-gray-500">
{message.content}
</div>
</div>
{/if}