From f0ad7430805e0bfacc19a6b593de8486438d7618 Mon Sep 17 00:00:00 2001
From: itsMapleLeaf <19603573+itsMapleLeaf@users.noreply.github.com>
Date: Sun, 12 Mar 2023 16:28:51 -0500
Subject: [PATCH] menu improvements

---
 packages/website/src/components/menu-item.astro | 2 +-
 packages/website/src/components/menu.astro      | 6 ++++--
 packages/website/src/pages/index.astro          | 2 +-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/website/src/components/menu-item.astro b/packages/website/src/components/menu-item.astro
index 845b401..d42d719 100644
--- a/packages/website/src/components/menu-item.astro
+++ b/packages/website/src/components/menu-item.astro
@@ -6,7 +6,7 @@ export type Props = {
 ---
 
 <div
-  class="px-3 py-2 transition text-left font-medium block w-full opacity-50 inline-flex gap-1 items-center"
+  class="px-3 py-2 transition text-left font-medium block w-full opacity-50 inline-flex gap-1 items-center hover:opacity-100 hover:text-emerald-500"
 >
   <Astro.props.icon class="inline-icon" className="inline-icon" />
   <span class="flex-1">{Astro.props.label}</span>
diff --git a/packages/website/src/components/menu.astro b/packages/website/src/components/menu.astro
index 0eb0024..a3aaa7a 100644
--- a/packages/website/src/components/menu.astro
+++ b/packages/website/src/components/menu.astro
@@ -1,9 +1,11 @@
 <details class="md:hidden relative" data-menu>
-  <summary class="list-none p-2 -m-2">
+  <summary
+    class="list-none p-2 -m-2 cursor-pointer hover:text-emerald-500 transition"
+  >
     <slot name="button" />
   </summary>
   <div
-    class="w-48 max-h-[calc(100vh-5rem)] bg-slate-800 shadow rounded-lg overflow-x-hidden overflow-y-auto top-[calc(100%+8px)] right-0 absolute"
+    class="w-48 max-h-[calc(100vh-5rem)] bg-slate-800 shadow rounded-lg overflow-x-hidden overflow-y-auto top-[calc(100%+8px)] right-0 absolute z-10"
   >
     <slot />
   </div>
diff --git a/packages/website/src/pages/index.astro b/packages/website/src/pages/index.astro
index e162293..48ce1d9 100644
--- a/packages/website/src/pages/index.astro
+++ b/packages/website/src/pages/index.astro
@@ -20,7 +20,7 @@ import MainNavigation from "~/components/main-navigation.astro"
     <div class="flex flex-col gap-4 my-auto px-4">
       <AppLogo class="w-full max-w-lg mx-auto" />
 
-      <div class="max-w-md w-full mx-auto">
+      <div class="max-w-md w-full mx-auto isolate">
         <LandingAnimation client:only />
       </div>