vignesh/trypost
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: tighten gap between social login buttons

Browse source
This commit is contained in:
Paulo Castellano 2026-05-04 18:47:54 -03:00
parent 2e9e0f716b
commit 7dc954df78
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
resources/js/components/auth/SocialLogin.vue
View file

@ -19,15 +19,17 @@ const hasSocial = computed(() => googleEnabled.value || githubEnabled.value);
<template>
<template v-if="hasSocial">
<Button v-if="googleEnabled" variant="outline" class="w-full" as="a" :href="googleRedirect.url()">
<img src="/images/social/google.svg" alt="Google" class="size-4" />
{{ mode === 'login' ? $t('auth.google_login') : $t('auth.google_signup') }}
</Button>
<div class="flex flex-col gap-2">
<Button v-if="googleEnabled" variant="outline" class="w-full" as="a" :href="googleRedirect.url()">
<img src="/images/social/google.svg" alt="Google" class="size-4" />
{{ mode === 'login' ? $t('auth.google_login') : $t('auth.google_signup') }}
</Button>
<Button v-if="githubEnabled" variant="outline" class="w-full" as="a" :href="githubRedirect.url()">
<IconBrandGithub class="size-4" />
{{ mode === 'login' ? $t('auth.github_login') : $t('auth.github_signup') }}
</Button>
<Button v-if="githubEnabled" variant="outline" class="w-full" as="a" :href="githubRedirect.url()">
<IconBrandGithub class="size-4" />
{{ mode === 'login' ? $t('auth.github_login') : $t('auth.github_signup') }}
</Button>
</div>
<div
class="relative text-center text-sm after:absolute after:inset-0 after:top-1/2 after:z-0 after:flex after:items-center after:border-t after:border-border"