mirror of
https://github.com/versia-pub/frontend.git
synced 2026-03-13 03:29:16 +01:00
fix: ♿ Improve accessibility of entire site
This commit is contained in:
parent
c29cae2955
commit
7b8a02d49e
10 changed files with 29 additions and 25 deletions
|
|
@ -8,7 +8,7 @@
|
|||
<li v-for="client of useConfig().RECOMMENDED_CLIENTS" :key="client.name" class="w-full">
|
||||
<a :href="client.link" target="_blank"
|
||||
class="rounded-sm ring-2 ring-white/10 px-4 py-2 w-full flex flex-row gap-3 items-center">
|
||||
<img :src="client.icon" :alt="client.name" class="h-10 w-10" />
|
||||
<img :src="client.icon" class="h-10 w-10" :alt="`${client.name}'s logo'`" />
|
||||
<div class="flex flex-col justify-between items-start">
|
||||
<h2 class="text-gray-100 font-semibold">{{ client.name }}</h2>
|
||||
<span class="underline text-pink-700">{{ client.link }}</span>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@
|
|||
<a v-for="provider of oauthProviders" :key="provider.id"
|
||||
:href="`/oauth/authorize-external?issuer=${provider.id}&redirect_uri=${redirect_uri}&response_type=${response_type}&clientId=${client_id}&scope=${scope}`">
|
||||
<ButtonsSecondary class="flex flex-row w-full items-center justify-center gap-3">
|
||||
<img :src="provider.icon" :alt="provider.name" class="w-6 h-6" />
|
||||
<img :src="provider.icon" :alt="`${provider.name}'s logo'`" class="w-6 h-6" />
|
||||
<div class="flex flex-col gap-0 justify-center">
|
||||
<h3 class="font-bold">{{ provider.name }}</h3>
|
||||
</div>
|
||||
|
|
@ -57,7 +57,7 @@
|
|||
<li v-for="client of useConfig().RECOMMENDED_CLIENTS" :key="client.name" class="w-full">
|
||||
<a :href="client.link" target="_blank"
|
||||
class="rounded-sm ring-2 ring-white/10 px-4 py-2 w-full flex flex-row gap-3 items-center">
|
||||
<img :src="client.icon" :alt="client.name" class="h-10 w-10" />
|
||||
<img :src="client.icon" :alt="`${client.name}'s logo'`" class="h-10 w-10" />
|
||||
<div class="flex flex-col justify-between items-start">
|
||||
<h2 class="font-bold text-gray-100">{{ client.name }}</h2>
|
||||
<span class="underline text-pink-700">{{ client.link }}</span>
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@
|
|||
<li v-for="client of useConfig().RECOMMENDED_CLIENTS" :key="client.name" class="w-full">
|
||||
<a :href="client.link" target="_blank"
|
||||
class="rounded-sm ring-2 ring-white/10 px-4 py-2 w-full flex flex-row gap-3 items-center">
|
||||
<img :src="client.icon" :alt="client.name" class="h-10 w-10" />
|
||||
<img :src="client.icon" :alt="`${client.name}'s logo'`" class="h-10 w-10" />
|
||||
<div class="flex flex-col justify-between items-start">
|
||||
<h2 class="font-bold text-gray-100">{{ client.name }}</h2>
|
||||
<span class="underline text-pink-700">{{ client.link }}</span>
|
||||
|
|
|
|||
|
|
@ -133,15 +133,14 @@ const register = (result: {
|
|||
reason: string;
|
||||
}) => {
|
||||
isLoading.value = true;
|
||||
client
|
||||
.registerAccount(
|
||||
result.username,
|
||||
result.email,
|
||||
result.password,
|
||||
true,
|
||||
"en",
|
||||
result.reason || "Empty reason",
|
||||
)
|
||||
client?.registerAccount(
|
||||
result.username,
|
||||
result.email,
|
||||
result.password,
|
||||
true,
|
||||
"en",
|
||||
result.reason || "Empty reason",
|
||||
)
|
||||
.then(async (res) => {
|
||||
navigateTo("/register/success");
|
||||
})
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue