samuelandert.eth/auth.andert.me
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some ui updates

Browse Source
This commit is contained in:
Samuel Andert
2023-07-21 14:48:44 +02:00
parent 5be272d1f2
commit 207b154035
7 changed files with 109 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/lib/components/Messages.svelte
View File

@ -3,13 +3,16 @@
</script>
<main class="p-4 flex flex-col-reverse overflow-y-auto h-[calc(100vh-70px)]">
<div class="flex flex-col space-y-4">
<!-- Your messages, displayed in chronological order -->
{#each $messages as message}
<div class="bg-white p-3 rounded-lg shadow-lg">
<p class="text-gray-800">{message.text}</p>
<small class="text-gray-600 text-sm">{message.timestamp}</small>
<!-- Your messages, displayed in chronological order -->
{#each $messages as message}
<div class="bg-white p-3 rounded-lg shadow-lg mb-2">
<div class="flex items-center justify-between">
<p class="text-sm text-gray-600">
{message.type} | {message.sender}
</p>
<p class="text-xs text-gray-600">{message.timestamp}</p>
</div>
{/each}
</div>
<p class="text-base text-gray-800 mt-2">{message.text}</p>
</div>
{/each}
</main>