Fixed z-index

This commit is contained in:
Corey 2020-07-31 10:07:14 +08:00
parent 417be26c21
commit b757b78358

View file

@ -24,6 +24,23 @@
x-data="loadIcons()"
>
<main class="flex-grow">
<div x-data="{ copied: false }">
<div
role="alert"
x-show="copied"
x-on:show:toast.document="copied = !copied"
x-cloak
class="rounded bg-black p-2 fixed top-0 left-0 right-0 text-sm text-white w-24 text-center mx-auto mt-4 z-50"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 transform scale-90"
x-transition:enter-end="opacity-100 transform scale-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 transform scale-100"
x-transition:leave-end="opacity-0 transform scale-90"
>
Copied!
</div>
</div>
<div class="bg-white px-8 py-4">
<input
onFocus="this.select()"
@ -118,24 +135,6 @@
</button>
</div>
<div x-data="{ copied: false }">
<div
role="alert"
x-show="copied"
x-on:show:toast.document="copied = !copied"
x-cloak
class="rounded bg-black p-2 fixed top-0 left-0 right-0 text-sm text-white w-24 text-center mx-auto mt-4"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 transform scale-90"
x-transition:enter-end="opacity-100 transform scale-100"
x-transition:leave="transition ease-in duration-300"
x-transition:leave-start="opacity-100 transform scale-100"
x-transition:leave-end="opacity-0 transform scale-90"
>
Copied!
</div>
</div>
<div
class="p-8 grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 xl:grid-cols-7 gap-4"
>