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

This commit is contained in:
2025-09-04 16:41:08 +02:00
parent 38c55ff812
commit f87dc3efc2
3 changed files with 4 additions and 2 deletions

View File

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

View File

@@ -25,7 +25,7 @@ const formatDate = computed(() => useDateFormat(props.message.createdAt, 'D MMMM
{{ t(message.content || '') }}
</UCard>
</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 }}
</div>
</div>

View File

@@ -85,7 +85,7 @@ const dynamicComponent = computed(() => componentMap[props.message.type])
<span class="md:hidden">Arthur DANJOU</span>
</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 }}
</div>
</div>