From 91bcf5f40618eaf18fef42a0b4126eb5844da286 Mon Sep 17 00:00:00 2001
From: gigamaster <1905497+gigamaster@users.noreply.github.com>
Date: Fri, 18 Oct 2024 08:39:27 +0200
Subject: [PATCH] Fix quick link + modal

---
 src/template/foot.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/template/foot.html b/src/template/foot.html
index 9ebba19..0afba74 100644
--- a/src/template/foot.html
+++ b/src/template/foot.html
@@ -18,13 +18,13 @@
     <!-- GitHub Notification button -->
     <button
       @click="openNotificationsPanel"
-      class="m-1 mb-2 p-1 transition-colors duration-500 rounded-md text-gray-400 bg-gray-100 hover:text-light hover:bg-primary dark:hover:text-light dark:hover:bg-primary-dark dark:bg-dark focus:outline-none focus:bg-primary-100 dark:focus:bg-primary-dark focus:ring-primary-darker"
+      class="m-1 mb-2 p-1 transition-colors duration-500 rounded-md text-gray-400 bg-gray-100 hover:text-light hover:bg-primary dark:hover:text-light dark:hover:bg-primary-dark dark:bg-dark"
     >
       <span class="sr-only">Open Notification panel</span>
       <svg class="w-6 h-6" xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M15 12a1 1 0 1 0 2 0a1 1 0 1 0-2 0m-4-4a1 1 0 1 0 2 0a1 1 0 1 0-2 0m0 8a1 1 0 1 0 2 0a1 1 0 1 0-2 0m1-1V9m3 2l-2-2m-2-2L9.1 5.1"/><path d="m13.446 2.6l7.955 7.954a2.045 2.045 0 0 1 0 2.892l-7.955 7.955a2.045 2.045 0 0 1-2.892 0l-7.955-7.955a2.045 2.045 0 0 1 0-2.892l7.955-7.955a2.045 2.045 0 0 1 2.892 0z"/></g></svg>
     </button>
     <!-- APP TOOLS -->
-    <div x-data="{modalTaskOpen: false, modalInfoOpen: false}">
+    <div x-data="{modalTaskOpen: false, modalInfoOpen: false}" class="flex flex-col">
     <span @click="modalTaskOpen = true" class="m-1 mb-2 p-1 transition-colors duration-500 rounded-md text-gray-400 bg-gray-100 hover:text-light hover:bg-primary dark:hover:text-light dark:hover:bg-primary-dark dark:bg-dark">
     <i class="icon-bookmark w-6 h-6"></i>
     </span>
@@ -33,7 +33,7 @@
     x-transition.opacity.duration.200ms 
     @keydown.esc.window="modalTaskOpen = false" 
     @click.self="modalTaskOpen = false" 
-    class="fixed z-20 inset-0 bg-black/60 backdrop-blur-sm flex items-end sm:items-center justify-center p-4 pb-8 lg:p-8" 
+    class="fixed z-20 inset-0 bg-black/60 backdrop-blur-sm flex items-end sm:items-center justify-center" 
     role="dialog" 
     aria-modal="true" 
     aria-labelledby="defaultModalTitle">
@@ -42,7 +42,7 @@
       x-transition:enter="transition ease-out duration-200 delay-100 motion-reduce:transition-opacity" 
       x-transition:enter-start="opacity-0 scale-50" 
       x-transition:enter-end="opacity-100 scale-100" 
-      class="flex max-w-xl flex-col gap-4 overflow-hidden rounded-md border-b dark:border-primary-darker text-primary-lighter bg-white dark:bg-darker">
+      class="flex w-full max-w-5xl flex-col gap-4 overflow-hidden rounded-md border-b dark:border-primary-darker text-primary-lighter bg-white dark:bg-darker">
         <!-- Dialog Header -->
         <div class="flex items-center justify-between border-b dark:border-primary-darker p-4 bg-white dark:bg-darker">
             <h3 id="defaultModalTitle" class="font-semibold tracking-wide text-neutral-900 dark:text-white">Web App Tools</h3>
@@ -66,7 +66,7 @@ <h3 id="defaultModalTitle" class="font-semibold tracking-wide text-neutral-900 d
             @click="modalTaskOpen = false" 
             type="button" 
             class="px-4 py-2 text-center text-sm transition-colors duration-200 rounded-md text-primary-lighter bg-primary-50 hover:text-primary hover:bg-primary-100 dark:hover:text-light dark:hover:bg-primary-dark dark:bg-dark">
-            Upgrade Now
+            Close
           </button>
         </div>
       </div>
@@ -111,10 +111,10 @@ <h3 id="defaultModalTitle" class="font-semibold tracking-wide text-neutral-900 d
         <!-- Dialog Footer -->
         <div class="flex p-2 border-t dark:border-primary-darker bg-white dark:bg-darker">
           <button 
-          @click="modalIsOpen = false" 
-          type="button" 
-          class="px-4 py-2 text-center text-sm transition-colors duration-200 rounded-md text-primary-lighter bg-primary-50 hover:text-primary hover:bg-primary-100 dark:hover:text-light dark:hover:bg-primary-dark dark:bg-dark">
-          Upgrade Now
+            @click="modalInfoOpen = false" 
+            type="button" 
+            class="px-4 py-2 text-center text-sm transition-colors duration-200 rounded-md text-primary-lighter bg-primary-50 hover:text-primary hover:bg-primary-100 dark:hover:text-light dark:hover:bg-primary-dark dark:bg-dark">
+            Close
           </button>
         </div>
       </div>
@@ -357,7 +357,7 @@ <h6 class="text-gray-400 dark:text-light">LocalStorage Manager</h6>
             '<div class="flex flex-row items-center">' +
             '<div class="grow">$</div>' +
             '<div>' + h[g].length + '</div>' +
-            '<div><a href=# data-k="$" id="lv" class="bg-gray-100 rounded-md hover:text-light hover:bg-primary dark:bg-dark dark:hover:bg-dark dark:hover:text-light" title="View">🔍</a><div class="data-o border dark:border-primary-darker"></div></div>' +
+            '<div><a href=# data-k="$" id="lv" class="bg-gray-100 rounded-md hover:text-light hover:bg-primary dark:bg-dark dark:hover:bg-dark dark:hover:text-light" title="View">?</a><div class="data-o border dark:border-primary-darker"></div></div>' +
             '<div class="text-center"><a href=# data-k="$" id="lc" class="bg-gray-100 rounded-md hover:text-light hover:bg-primary dark:bg-dark dark:hover:bg-dark dark:hover:text-light" title="Clear">❌</a></div>' +
             '</div>'
           ).replace(/\$/g, g));
@@ -375,7 +375,7 @@ <h6 class="text-gray-400 dark:text-light">LocalStorage Manager</h6>
             '<div class="flex flex-row items-center">' +
             '<div class="grow">$</div>' +
             '<div>' + i[g].length + '</div>' +
-            '<div><a href="#" data-k="$" id="sv" class="flex grow bg-gray-100 rounded-md hover:text-light hover:bg-primary dark:bg-dark dark:hover:bg-dark dark:hover:text-light" title="View">🔍</a><div class="data-o border dark:border-primary-darker"></div></div>' +
+            '<div><a href="#" data-k="$" id="sv" class="flex grow bg-gray-100 rounded-md hover:text-light hover:bg-primary dark:bg-dark dark:hover:bg-dark dark:hover:text-light" title="View">?</a><div class="data-o border dark:border-primary-darker"></div></div>' +
             '<div><a href=# data-k="$" id="sc" class="flex grow bg-gray-100 rounded-md hover:text-light hover:bg-primary dark:bg-dark dark:hover:bg-dark dark:hover:text-light" title=Clear>❌</a></div>' +
             '</div>'
           ).replace(/\$/g, g));