From 9b2337d76b11a7b5f635c8cbe289ca057ff9a883 Mon Sep 17 00:00:00 2001
From: XiaoLFeng <gm@x-lf.cn>
Date: Tue, 13 Jun 2023 22:25:43 +0800
Subject: [PATCH] =?UTF-8?q?=E9=80=82=E9=85=8D=E6=89=8B=E6=9C=BA=E7=AB=AF?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/views/modules/navbar.blade.php | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/resources/views/modules/navbar.blade.php b/resources/views/modules/navbar.blade.php
index 64fd15d..a2acb4e 100644
--- a/resources/views/modules/navbar.blade.php
+++ b/resources/views/modules/navbar.blade.php
@@ -8,7 +8,7 @@
             </a>
         </div>
         <div class="flex lg:hidden">
-            <button type="button"
+            <button type="button" onclick="openMenuIn()"
                     class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
                 <span class="sr-only">Open main menu</span>
                 <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
@@ -76,16 +76,15 @@ class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray
     <!-- Mobile menu, show/hide based on menu open state. -->
     <div class="lg:hidden" role="dialog" aria-modal="true">
         <!-- Background backdrop, show/hide based on slide-over state. -->
-        <div class="fixed inset-0 z-50"></div>
-        <div
-            class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
+        <div id="phoneMenu" aria-labelledby="phoneMenuButton"
+            class="fixed hidden inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
             <div class="flex items-center justify-between">
                 <a href="#" class="-m-1.5 p-1.5">
                     <span class="sr-only">Your Company</span>
                     <img class="h-8 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600"
                          alt="">
                 </a>
-                <button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700">
+                <button type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700" onclick="openMenuOut()">
                     <span class="sr-only">Close menu</span>
                     <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"
                          aria-hidden="true">
@@ -115,3 +114,11 @@ class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text
         </div>
     </div>
 </header>
+<script type="text/javascript">
+function openMenuIn() {
+    $('#phoneMenu').fadeIn('fast');
+}
+function openMenuOut() {
+    $('#phoneMenu').fadeOut('fast');
+}
+</script>