mariosant/ghostwriter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update registration page

Browse Source
This commit is contained in:
Marios Antonoudiou
2025-04-21 20:08:07 +03:00
parent 51d0305d50
commit 7cc074a086
1 changed files with 44 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
app/components/register.vue
View File

@@ -7,34 +7,48 @@ const { openInPopup } = useUserSession();
</script> </script>
<template> <template>
<UContainer <UContainer
class="flex flex-col items-center gap-4 justify-center w-full p-16" class="flex flex-col items-center gap-4 justify-center w-full p-16"
> >
<div class="flex gap-3 items-center"> <UCard class="max-w-sm grid gap-6 justify-center items-center">
<NuxtImg src="/ghostwriter-logo.png" class="size-9" /> <div class="flex flex-col gap-10 items-center justify-center">
<div class="font-bold text-xl tracking-tight font-fira-code"> <div class="flex gap-2 items-center">
Ghostwriter <NuxtImg src="/ghostwriter-logo.png" class="size-9" />
</div> <div
</div> class="font-bold text-xl tracking-tight font-fira-code"
<UCard class="max-w-sm"> >
<div class="flex flex-col gap-4 items-center justify-center"> Ghostwriter
<UIcon name="heroicons:user" class="size-12" /> </div>
<div class="text-center"> </div>
Welcome to Ghostwriter. Use the button below to sign in with your <div class="grid gap-2">
Strava account. <div class="text-center text-2xl font-bold">
</div> Sign in to your account.
<div </div>
aria-role="button" <div class="text-center">
@click="openInPopup('/auth/strava')" Connect with Strava to automatically add personalized
class="cursor-pointer w-full max-w-[200px]" titles and descriptions to your activities.
> </div>
<NuxtImg </div>
src="/images/connect-with-strava.svg" <div
class="w-full max-w-[200px]" aria-role="button"
/> @click="openInPopup('/auth/strava')"
</div> class="cursor-pointer w-full max-w-[200px]"
</div> >
</UCard> <NuxtImg
</UContainer> src="/images/connect-with-strava.svg"
<AppFooter /> class="w-full max-w-[200px]"
/>
</div>
<div class="text-sm text-gray-500">
By signing in, you agree to our
<NuxtLink
href="https:www.ghostwriter.rocks/privacy"
class="text-primary-500"
>Privacy Policy</NuxtLink
>.
</div>
</div>
</UCard>
</UContainer>
<AppFooter />
</template> </template>