Buck9195/doesitarm
1
0
Fork 0
mirror of https://github.com/ThatGuySam/doesitarm.git synced 2026-05-18 06:44:46 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Move Virtualization details into tooltip

Browse source
This commit is contained in:
Sam Carlton 2022-07-02 14:08:08 -05:00
parent 2b85f8b80d
commit 8d69e4581f
1 changed files with 14 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/listing-parts/virtualization.astro
View file

@ -42,9 +42,21 @@ const totalLinks = links.length
<div
class="related-videos w-full"
>
<Heading text="Virtualization Support" />
<div class="flex justify-center gap-3">
<div class="relative">
<Heading text="Virtualization Support" />
<div
class="group absolute top-0 -right-8"
>
<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"
>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 class="text-xs opacity-75 mb-4">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>
<span class="relative z-0 inline-flex text-center md:flex-row flex-col shadow-sm md:divide-x md:divide-y-0 divide-y divide-gray-700 border border-gray-300 rounded-md bg-darker md:py-3 md:px-0 px-4">
{ links.map( (link, i) => {