From 44b2466fb9a927fb08d66a6c3ffed8f71046725a Mon Sep 17 00:00:00 2001 From: HassanZahirnia Date: Thu, 5 Jun 2025 20:04:24 +0330 Subject: [PATCH 01/19] =?UTF-8?q?=E2=9C=A8=20Add=20mobile=20menu=20compone?= =?UTF-8?q?nt=20and=20enhance=20layout=20interactivity?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- resources/css/app.css | 5 + resources/css/docsearch.css | 4 +- resources/views/components/layout.blade.php | 8 +- .../views/components/mobile-menu.blade.php | 172 ++++++++++++++++++ .../views/components/navigation-bar.blade.php | 92 +++++----- resources/views/early-adopter.blade.php | 18 +- 6 files changed, 242 insertions(+), 57 deletions(-) create mode 100644 resources/views/components/mobile-menu.blade.php diff --git a/resources/css/app.css b/resources/css/app.css index be9b352b..990f833f 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -67,6 +67,11 @@ } } +/* Prevents scrollbars from appearing when a popover is open */ +html:has(#mobile-menu-popover:popover-open) { + overflow: hidden; +} + /* Scrollbar width */ ::-webkit-scrollbar { height: 8px; diff --git a/resources/css/docsearch.css b/resources/css/docsearch.css index 194b1c42..025f5789 100644 --- a/resources/css/docsearch.css +++ b/resources/css/docsearch.css @@ -36,11 +36,11 @@ } .DocSearch-Button-Placeholder { - @apply hidden pr-1 pl-1 text-sm text-black/60 min-[400px]:block min-[520px]:pr-20 dark:text-white/60; + @apply pr-3.5 pl-1 text-sm text-black/60 min-[520px]:pr-20 dark:text-white/60; } .DocSearch-Button-Keys { - @apply mt-1 ml-1 hidden min-w-[auto] text-sm leading-none min-[520px]:flex; + @apply mt-1 ml-1 flex min-w-[auto] text-sm leading-none; } .DocSearch-Button-Key { diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php index 9d43d946..31abf4af 100644 --- a/resources/views/components/layout.blade.php +++ b/resources/views/components/layout.blade.php @@ -60,6 +60,7 @@ {{ $slot }} diff --git a/resources/views/components/mobile-menu.blade.php b/resources/views/components/mobile-menu.blade.php new file mode 100644 index 00000000..d61cf095 --- /dev/null +++ b/resources/views/components/mobile-menu.blade.php @@ -0,0 +1,172 @@ +
+ + +
+
+ {{-- Theme toggle --}} +
+ {{-- Label --}} +
Theme
+ {{-- Theme toggle --}} + +
+ + + + {{-- Social links --}} + +
+
+
diff --git a/resources/views/components/navigation-bar.blade.php b/resources/views/components/navigation-bar.blade.php index b1295d99..5cc4a23c 100644 --- a/resources/views/components/navigation-bar.blade.php +++ b/resources/views/components/navigation-bar.blade.php @@ -1,15 +1,13 @@ -@props(['hasMenu' => false]) -