mirror of
https://github.com/HangarMC/Hangar.git
synced 2025-03-01 15:17:07 +08:00
add a few aria labels to make google (and blind people) happy
This commit is contained in:
parent
9de4e57e00
commit
3a11efdc89
@ -171,7 +171,7 @@ function isRecent(date: string): boolean {
|
||||
<!-- Left side items -->
|
||||
<div class="flex items-center gap-4">
|
||||
<Popover v-slot="{ close }" class="relative">
|
||||
<PopoverButton v-slot="{ open }" class="flex">
|
||||
<PopoverButton v-slot="{ open }" class="flex" aria-label="Menu">
|
||||
<icon-mdi-menu class="transition-transform text-[1.2em]" :class="open ? 'transform rotate-90' : ''" />
|
||||
</PopoverButton>
|
||||
<transition
|
||||
@ -247,13 +247,13 @@ function isRecent(date: string): boolean {
|
||||
<DropdownItem to="/neworganization">{{ t("nav.new.organization") }}</DropdownItem>
|
||||
</DropdownButton>
|
||||
</div>
|
||||
<button class="flex rounded-md p-2" hover="text-primary-400 bg-primary-0" @click="settings.toggleDarkMode()">
|
||||
<button class="flex rounded-md p-2" hover="text-primary-400 bg-primary-0" aria-label="Toogle dark mode" @click="settings.toggleDarkMode()">
|
||||
<icon-mdi-weather-night v-if="settings.darkMode" class="text-[1.2em]"></icon-mdi-weather-night>
|
||||
<icon-mdi-white-balance-sunny v-else class="text-[1.2em]"></icon-mdi-white-balance-sunny>
|
||||
</button>
|
||||
<div v-if="authStore.user">
|
||||
<Popper placement="bottom-end">
|
||||
<button class="flex items-center gap-2 rounded-md p-2 hover:(text-primary-400 bg-primary-0)">
|
||||
<button class="flex items-center gap-2 rounded-md p-2 hover:(text-primary-400 bg-primary-0)" aria-label="Notifications">
|
||||
<IconMdiBellOutline v-if="unreadNotifications === 0" class="text-[1.2em]" />
|
||||
<IconMdiBellBadge v-if="unreadNotifications !== 0" class="text-[1.2em]" />
|
||||
</button>
|
||||
|
@ -1 +1 @@
|
||||
Subproject commit ab1daf7ccecf6191e772261b15e8856c43a8feee
|
||||
Subproject commit 40c3d2481cf79b2c503508af75d975e18489370a
|
Loading…
Reference in New Issue
Block a user