Fix tooltip on mobile

This commit is contained in:
Sam Carlton 2022-07-02 14:26:16 -05:00
parent 1aabe91299
commit c78f333db0

View file

@ -43,14 +43,14 @@ const totalLinks = links.length
class="related-videos w-full"
>
<div class="flex justify-center gap-3">
<div class="relative">
<Heading text="Virtualization Support" />
<div
class="group absolute top-0 -right-8"
>
<Heading text="Virtualization Support" />
<div
class="group w-0"
>
<div class="md:relative">
<button class="h-5 text-xs bg-white-2 flex justify-center items-center outline-0 neumorphic-shadow rounded-full px-2">?</button>
<div
class="text-sm bg-black/60 backdrop-blur-lg w-screen max-w-xs opacity-0 group-hover:opacity-100 absolute left-1/2 -translate-x-1/2 bottom-10 z-10 p-6"
class="text-sm bg-black/60 backdrop-blur-lg w-screen md:max-w-xs opacity-0 group-hover:opacity-100 transition-opacity absolute left-1/2 right-1/2 md:-translate-x-1/2 bottom-0 md:bottom-10 z-10 p-6 -mx-1/2-screen md:mx-0"
>With Virtualization you can run apps on Apple Silicon Macs even if they are normally completely unsupported, such as Windows-only Apps, at the cost of some performance drop vs Native support. </div>
</div>
</div>