versia-pub/frontend
2
0
Fork 0
mirror of https://github.com/versia-pub/frontend.git synced 2026-03-13 03:29:16 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: ♿ Improve accessibility of entire site

Browse source
This commit is contained in:
Jesse Wierzbinski 2024-04-25 20:34:57 -10:00
parent c29cae2955
commit 7b8a02d49e
No known key found for this signature in database
10 changed files with 29 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/social-elements/users/Account.vue
View file

@ -3,14 +3,16 @@
<div class="w-full rounded ring-1 ring-white/10 pb-10">
<Skeleton :enabled="skeleton" class="!w-full !h-full !aspect-[8/3]">
<div class="w-full aspect-[8/3] border-b border-white/10 bg-dark-700">
<img v-if="account?.header" :src="account.header" class="object-cover w-full h-full" />
<img v-if="account?.header" :src="account.header" class="object-cover w-full h-full"
:alt="`${account.acct}'s header image'`" />
</div>
</Skeleton>
<div class="flex items-start justify-between px-4 py-3">
<div class="h-32 w-32 -mt-[4.5rem] z-10 bg-dark-700 rounded overflow-hidden">
<Skeleton :enabled="skeleton" class="!h-full !w-full">
<img class="cursor-pointer bg-dark-700 ring-1 ring-white/10" :src="account?.avatar" />
<img class="cursor-pointer bg-dark-700 ring-1 ring-white/10" :src="account?.avatar"
:alt="`${account?.acct}'s avatar'`" />
</Skeleton>
</div>
<ButtonsSecondary v-if="account">Edit Profile</ButtonsSecondary>

3
components/social-elements/users/SmallCard.vue
View file

@ -2,7 +2,8 @@
<NuxtLink :href="accountUrl" class="flex flex-row">
<Skeleton :enabled="skeleton" shape="rect" class="!h-12 w-12">
<div>
<img class="h-12 w-12 rounded ring-1 ring-white/5" :src="account?.avatar" alt="" />
<img class="h-12 w-12 rounded ring-1 ring-white/5" :src="account?.avatar"
:alt="`${account?.acct}'s avatar'`" />
</div>
</Skeleton>
<div class="flex flex-col items-start justify-around ml-4 grow overflow-hidden">