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

fix the alignment of tooltip in login & register pages

Browse source
This commit is contained in:
Sai Karthik 2024-01-30 13:54:01 +05:30
parent 564d59427e
commit 16fc717a62
No known key found for this signature in database
GPG key ID: F5B9A961BF6EAF0E
3 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/LoginPage.vue
View file

@ -25,10 +25,10 @@
@keyup.enter="login" @keyup.enter="login"
/> />
</div> </div>
<div> <div class="flex justify-center">
<a v-t="'titles.login'" class="btn w-auto" @click="login" /> <a v-t="'titles.login'" class="btn w-auto" @click="login" />
</div>
<TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.login_note')" /> <TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.login_note')" />
</div>
</form> </form>
</div> </div>
</template> </template>

4
src/components/RegisterPage.vue
View file

@ -42,10 +42,10 @@
<div class="i-fa6-solid:eye" /> <div class="i-fa6-solid:eye" />
</button> </button>
</div> </div>
<div> <div class="flex justify-center">
<a v-t="'titles.register'" class="btn w-auto" @click="register" /> <a v-t="'titles.register'" class="btn w-auto" @click="register" />
</div>
<TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.register_note')" /> <TooltipIcon icon="i-fa6-solid:circle-info" :tooltip="$t('info.register_note')" />
</div>
</form> </form>
</div> </div>
<ConfirmModal <ConfirmModal

2
src/components/TooltipIcon.vue
View file

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