TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #3372 from kskarthik/master

Browse source 
fix the alignment of tooltip in login & register pages
This commit is contained in:
Bnyro 2024-01-31 19:06:43 +01:00 committed by GitHub
commit 99a0720596
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/LoginPage.vue
View file

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

6
src/components/RegisterPage.vue
View file

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

2
src/components/TooltipIcon.vue
View file

@ -1,5 +1,5 @@
<template>
<div id="container" class="w-full">
<div id="container" class="m-2 self-center">
<div :class="icon" class="cursor-pointer"></div>
<p id="tooltip" class="absolute mr-[20vw] mt-2 hidden rounded-l bg-gray-800 px-2 py-1 text-gray-200">
{{ tooltip }}