From 9a693dd3fc9b5cbd98821de6bca53c8179377519 Mon Sep 17 00:00:00 2001
From: Corey <corey@ginnivan.net>
Date: Fri, 31 Jul 2020 00:02:03 +0800
Subject: [PATCH] Cleaned up the toggle

---
 src/index.html | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/index.html b/src/index.html
index 078e204..c77056e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -47,44 +47,44 @@
       >
         <div class="bg-gray-200 p-1 rounded">
           <label
-            class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900"
-            :class="downloadType === 'copy-svg' ? 'bg-white shadow' : 'text-blue-500 hover:text-blue-800'"
+            class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-white hover:text-black"
+            :class="downloadType === 'copy-svg' ? 'bg-white shadow' : 'text-gray-600'"
           >
             <input
               type="radio"
-              class="form-radio"
+              class="hidden"
               name="copy-svg"
               x-model="downloadType"
               :value="'copy-svg'"
               checked
             />
-            <span class="ml-2">Copy SVG Code</span>
+            <span>Copy SVG Code</span>
           </label>
           <label
-            class="inline-flex h-full items-center md:ml-2 lg:ml-4 cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
-            :class="downloadType === 'copy-cdn' ? 'bg-white shadow' : 'text-blue-500 hover:text-blue-800'"
+            class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-white hover:text-black"
+            :class="downloadType === 'copy-cdn' ? 'bg-white shadow' : 'text-gray-600'"
           >
             <input
               type="radio"
-              class="form-radio"
+              class="hidden"
               name="copy-cdn"
               x-model="downloadType"
               :value="'copy-cdn'"
             />
-            <span class="ml-2">Copy CDN Link</span>
+            <span>Copy CDN Link</span>
           </label>
           <label
-            class="inline-flex h-full items-center md:ml-2 lg:ml-4 cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-gray-900 hover:text-white"
-            :class="downloadType === 'download-svg' ? 'bg-white shadow' : 'text-blue-500 hover:text-blue-800'"
+            class="inline-flex h-full items-center cursor-pointer rounded px-2 text-sm lg:text-base hover:bg-white hover:text-black"
+            :class="downloadType === 'download-svg' ? 'bg-white shadow' : 'text-gray-600'"
           >
             <input
               type="radio"
-              class="form-radio"
+              class="hidden"
               name="download-svg"
               x-model="downloadType"
               :value="'download-svg'"
             />
-            <span class="ml-2">Download SVGs</span>
+            <span>Download SVGs</span>
           </label>
         </div>
         <button