mirror of
https://github.com/uiverse-io/galaxy.git
synced 2025-11-28 13:10:21 +08:00
43 lines
No EOL
1.4 KiB
HTML
43 lines
No EOL
1.4 KiB
HTML
<!-- From Uiverse.io by themrsami - Tags: tooltip -->
|
|
<div class="relative group inline-block">
|
|
<div
|
|
class="bg-white py-2 rounded-md shadow-lg hover:cursor-pointer flex justify-center items-center gap-4 px-4"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 18 14"
|
|
height="25"
|
|
width="25"
|
|
>
|
|
<path
|
|
fill="#FFA000"
|
|
d="M16.2 1.75H8.1L6.3 0H1.8C0.81 0 0 0.7875 0 1.75V12.25C0 13.2125 0.81 14 1.8 14H15.165L18 9.1875V3.5C18 2.5375 17.19 1.75 16.2 1.75Z"
|
|
></path>
|
|
<path
|
|
fill="#FFCA28"
|
|
d="M16.2 2H1.8C0.81 2 0 2.77143 0 3.71429V12.2857C0 13.2286 0.81 14 1.8 14H16.2C17.19 14 18 13.2286 18 12.2857V3.71429C18 2.77143 17.19 2 16.2 2Z"
|
|
></path>
|
|
</svg>
|
|
<p>Project Structure</p>
|
|
</div>
|
|
|
|
<div
|
|
class="absolute left-0 mt-2 w-64 bg-white border border-gray-200 rounded-md shadow-lg opacity-0 group-hover:opacity-100 transition-opacity duration-1000"
|
|
>
|
|
<ul class="p-4 space-y-1">
|
|
<li class="py-1">📁 src</li>
|
|
<li class="pl-4 py-1">📁 app</li>
|
|
<li class="pl-8 py-1">📄 layout.js</li>
|
|
<li class="pl-8 py-1">📄 page.js</li>
|
|
<li class="pl-4 py-1">📁 components</li>
|
|
<li class="pl-8 py-1">📄 header.js</li>
|
|
<li class="pl-8 py-1">📄 footer.js</li>
|
|
<li class="pl-4 py-1">📁 styles</li>
|
|
<li class="pl-8 py-1">📄 globals.css</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|