arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-14 12:14:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add tooltip and rotate interaction to main photo

Browse Source
This commit is contained in:
Arthur Danjou
2023-11-24 15:08:01 +01:00
parent 008d4c1799
commit bcd123c5df
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/about.vue
View File

@@ -13,7 +13,9 @@ const { data: experiences } = await useWorkExperiences()
<div class="px-4 grid grid-cols-1 gap-y-16 lg:grid-cols-2 lg:grid-rows-[auto_1fr] lg:gap-y-12">
<div class="lg:pl-20">
<div class="max-w-xs px-2.5 lg:max-w-none">
<NuxtImg src="/about.jpg" class="aspect-square rotate-3 rounded-2xl bg-zinc-100 object-cover dark:bg-zinc-800" placeholder />
<UTooltip text="It's me 👋" :popper="{ offsetDistance: 20 }">
<NuxtImg src="/about.jpg" class="border dark:border-0 aspect-square rotate-3 hover:rotate-0 duration-300 rounded-3xl bg-zinc-100 object-cover dark:bg-zinc-800" placeholder />
</UTooltip>
</div>
</div>
<div class="lg:order-first lg:row-span-2">