Skip to content

Commit

Permalink
Fix quick link + modal
Browse files Browse the repository at this point in the history
  • Loading branch information
@gigamaster
gigamaster committed Oct 18, 2024
1 parent ee5dd13 commit 91bcf5f
Showing 1 changed file with 11 additions and 11 deletions.
22 changes: 11 additions & 11 deletions src/template/foot.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand All @@ -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">
Expand All @@ -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>
Expand All @@ -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>
Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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));
Expand All @@ -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));
Expand Down

0 comments on commit 91bcf5f

Please sign in to comment.