arthur/artchat
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/artchat.git synced 2026-01-29 16:57:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: add aria-label attributes for accessibility and update text-muted class for consistency

Browse Source
This commit is contained in:
Arthur Danjou
2025-09-04 16:41:08 +02:00
parent 38c55ff812
commit f87dc3efc2
3 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/components/chat/CommandPalette.vue
View File

@@ -222,6 +222,7 @@ function goHome() {
:icon="dark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'" :icon="dark ? 'i-ph-moon-duotone' : 'i-ph-sun-duotone'"
color="neutral" color="neutral"
variant="outline" variant="outline"
aria-label="Toggle dark mode"
class="cursor-pointer" class="cursor-pointer"
size="xl" size="xl"
@click.prevent="toggleDark" @click.prevent="toggleDark"
@@ -238,6 +239,7 @@ function goHome() {
icon="i-ph-translate-duotone" icon="i-ph-translate-duotone"
color="neutral" color="neutral"
variant="outline" variant="outline"
aria-label="Change language"
class="cursor-pointer" class="cursor-pointer"
size="xl" size="xl"
@click.prevent="changeLocale(currentLocale!.code === 'en' ? 'fr' : currentLocale!.code === 'fr' ? 'es' : 'en')" @click.prevent="changeLocale(currentLocale!.code === 'en' ? 'fr' : currentLocale!.code === 'fr' ? 'es' : 'en')"

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

@@ -25,7 +25,7 @@ const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM
{{ t(message.content || '') }} {{ t(message.content || '') }}
</UCard> </UCard>
</div> </div>
<div class="text-muted opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end"> <div class="text-muted-foreground opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-end">
{{ formatDate }} {{ formatDate }}
</div> </div>
</div> </div>

2
app/components/chat/MessageFromArthur.vue
View File

@@ -85,7 +85,7 @@ const dynamicComponent = computed(() => componentMap[props.message.type])
<span class="md:hidden">Arthur DANJOU</span> <span class="md:hidden">Arthur DANJOU</span>
</div> </div>
</div> </div>
<div class="text-muted opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start"> <div class="text-muted-foreground opacity-0 group-hover:opacity-80 duration-500 flex text-xs italic justify-start">
{{ formatDate }} {{ formatDate }}
</div> </div>
</div> </div>