arthur/artchat
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artchat.git synced 2026-01-14 15:54:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: add VSCode settings for improved development experience; remove Typing component and adjust layout in MessageContainer and index pages

Browse Source
This commit is contained in:
Arthur Danjou
2025-09-03 13:37:42 +02:00
parent 3e7aaba2f3
commit 5d9b1080dd
4 changed files with 26 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/components/chat/MessageContainer.vue
View File

@@ -14,8 +14,8 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
</script>
<template>
<div v-if="!isArthur" class="group flex flex-col gap-4">
<div class="flex flex-col-reverse gap-4 md:flex-row-reverse items-end">
<div v-if="!isArthur" class="group flex flex-col gap-2">
<div class="flex flex-col-reverse md:flex-row-reverse items-end">
<UCard
variant="solid"
class="rounded-xl mt-1 bg-sky-500 md:max-w-3/4 text-white font-medium"
@@ -24,12 +24,12 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
{{ t(message.content || '') }}
</UCard>
</div>
<div class="opacity-0 group-hover:opacity-80 duration-500 flex text-sm italic justify-end">
<div class="opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end">
{{ formatted }}
</div>
</div>
<div v-else class="group space-y-2">
<div class="flex flex-col-reverse gap-4 items-start md:flex-row-reverse">
<div class="flex flex-col-reverse gap-2 items-start md:flex-row-reverse">
<UCard
v-if="message.state === ChatState.LOADING && message.fetchStates && message.fetchStates.length > 0"
variant="soft"
@@ -83,7 +83,7 @@ const formatted = computed(() => useDateFormat(useNow(), 'D MMMM YYYY, HH:mm', {
<span class="md:hidden">Arthur DANJOU</span>
</div>
</div>
<div class="opacity-0 group-hover:opacity-80 duration-500 flex text-sm italic justify-start ml-12">
<div class="opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start ml-12">
{{ formatted }}
</div>
</div>