refactor: place /login & /register tooltip in heading

This commit is contained in:
Sai Karthik 2024-01-31 22:15:23 +05:30
parent 16fc717a62
commit 8c8858f095
No known key found for this signature in database
GPG Key ID: F5B9A961BF6EAF0E
2 changed files with 10 additions and 6 deletions

View File

@ -1,5 +1,8 @@
<template> <template>
<div class="flex justify-center">
<h1 v-t="'titles.login'" class="my-4 text-center font-bold" /> <h1 v-t="'titles.login'" class="my-4 text-center font-bold" />
<TooltipIcon class="mb-6" icon="i-fa6-solid:circle-info" :tooltip="$t('info.login_note')" />
</div>
<hr /> <hr />
<div class="w-full flex items-center justify-center text-center"> <div class="w-full flex items-center justify-center text-center">
<form class="w-min children:pb-3"> <form class="w-min children:pb-3">
@ -25,9 +28,8 @@
@keyup.enter="login" @keyup.enter="login"
/> />
</div> </div>
<div class="flex justify-center"> <div>
<a v-t="'titles.login'" class="btn w-auto" @click="login" /> <a v-t="'titles.login'" class="btn w-auto" @click="login" />
<TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.login_note')" />
</div> </div>
</form> </form>
</div> </div>

View File

@ -1,5 +1,8 @@
<template> <template>
<div class="flex justify-center">
<h1 v-t="'titles.register'" class="my-4 text-center font-bold" /> <h1 v-t="'titles.register'" class="my-4 text-center font-bold" />
<TooltipIcon class="mb-6" icon="i-fa6-solid:circle-info" :tooltip="$t('info.register_note')" />
</div>
<hr /> <hr />
<div class="flex flex-col items-center justify-center text-center"> <div class="flex flex-col items-center justify-center text-center">
<form class="w-max items-center px-3 children:pb-3"> <form class="w-max items-center px-3 children:pb-3">
@ -42,9 +45,8 @@
<div class="i-fa6-solid:eye" /> <div class="i-fa6-solid:eye" />
</button> </button>
</div> </div>
<div class="flex justify-center"> <div>
<a v-t="'titles.register'" class="btn w-auto" @click="register" /> <a v-t="'titles.register'" class="btn w-auto" @click="register" />
<TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.register_note')" />
</div> </div>
</form> </form>
</div> </div>