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" class="related-videos w-full"
> >
<div class="flex justify-center gap-3"> <div class="flex justify-center gap-3">
<div class="relative"> <Heading text="Virtualization Support" />
<Heading text="Virtualization Support" /> <div
<div class="group w-0"
class="group absolute top-0 -right-8" >
> <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> <button class="h-5 text-xs bg-white-2 flex justify-center items-center outline-0 neumorphic-shadow rounded-full px-2">?</button>
<div <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> >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>
</div> </div>