From b757b783587224c35e5b70f2894f8bd8aa679c37 Mon Sep 17 00:00:00 2001
From: Corey <corey@ginnivan.net>
Date: Fri, 31 Jul 2020 10:07:14 +0800
Subject: [PATCH] Fixed z-index

---
 src/index.html | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/index.html b/src/index.html
index 4772ea4..b7f5f21 100644
--- a/src/index.html
+++ b/src/index.html
@@ -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"
       >