mirror of
https://github.com/ArthurDanjou/artchat.git
synced 2026-01-14 15:54:03 +01:00
fix: add aria-label attributes for accessibility and update text-muted class for consistency
This commit is contained in:
@@ -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')"
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user