Update Menu.astro

gustavoquinalha · Jul 14, 2024 · 3c7d258 · 3c7d258
1 parent 0af0146
commit 3c7d258
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/Menu.astro b/src/components/Menu.astro
@@ -3,14 +3,14 @@ import { GithubIcon, MoonIcon, SunIcon } from 'astro-feather';
 ---
 
 <div class="max-w-full w-full left-0 md:left-auto md:w-auto fixed md:sticky bottom-0 md:bottom-[initial] top-[initial] md:top-4 z-50 flex items-center gap-2 mx-auto" id="menu">
-  <div class="bg-white dark:bg-zinc-900 dark:shadow border border-zinc-200 dark:border-zinc-800 rounded-none md:rounded-xl flex items-center text-center h-14 md:h-10 px-2 overflow-x-auto overflow-y-hidden w-full md:w-auto" id="menu-items"></div>
+  <div class="backdrop-blur bg-white dark:bg-zinc-900 dark:shadow border border-zinc-200 dark:border-zinc-800 rounded-none md:rounded-xl flex items-center text-center h-14 md:h-10 px-2 overflow-x-auto overflow-y-hidden w-full md:w-auto" id="menu-items"></div>
 
-  <button id="theme-toggle" class="hidden md:flex whitespace-nowrap bg-white dark:bg-zinc-900 dark:shadow border border-zinc-200 dark:border-zinc-800 hover:border-zinc-300 dark:hover:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white rounded-xl h-10 w-10 text-sm items-center justify-center gap-2">
+  <button id="theme-toggle" class="backdrop-blur hidden md:flex whitespace-nowrap bg-white dark:bg-zinc-900 dark:shadow border border-zinc-200 dark:border-zinc-800 hover:border-zinc-300 dark:hover:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white rounded-xl h-10 w-10 text-sm items-center justify-center gap-2">
     <SunIcon customClasses="sun" size={20} strokeWidth={1} />
     <MoonIcon customClasses="moon" size={20} strokeWidth={1} />
   </button>
 
-  <a href="https://github.com/gustavoquinalha/gustavoquinalha.github.io/fork" target="_blank" title="Fork me!" class="hidden md:flex whitespace-nowrap bg-white dark:bg-zinc-900 dark:shadow border border-zinc-200 dark:border-zinc-800 hover:border-zinc-300 dark:hover:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white rounded-xl h-10 px-4 text-sm items-center justify-center gap-2">
+  <a href="https://github.com/gustavoquinalha/gustavoquinalha.github.io/fork" target="_blank" title="Fork me!" class="backdrop-blur hidden md:flex whitespace-nowrap bg-white dark:bg-zinc-900 dark:shadow border border-zinc-200 dark:border-zinc-800 hover:border-zinc-300 dark:hover:border-zinc-700 hover:bg-zinc-100 dark:hover:bg-zinc-800 text-zinc-600 dark:text-zinc-400 hover:text-black dark:hover:text-white rounded-xl h-10 px-4 text-sm items-center justify-center gap-2">
     <GithubIcon size={20} strokeWidth={1} />
     <span class="">Fork me!</span>
   </a>