From 594492e0679d58ecd68fcd4056655ac858c53982 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Mon, 16 Sep 2024 13:54:58 +0200
Subject: [PATCH 1/8] Add desktop/mobile navigation

---
 .../views/components/nav-layer.blade.php      | 57 +++++++++++++++++++
 .../views/navigation/header-button.blade.php  |  2 +
 resources/views/navigation/nav.blade.php      | 54 ++++++++++++++++++
 3 files changed, 113 insertions(+)
 create mode 100644 resources/views/components/nav-layer.blade.php
 create mode 100644 resources/views/navigation/header-button.blade.php
 create mode 100644 resources/views/navigation/nav.blade.php

diff --git a/resources/views/components/nav-layer.blade.php b/resources/views/components/nav-layer.blade.php
new file mode 100644
index 0000000..774abf0
--- /dev/null
+++ b/resources/views/components/nav-layer.blade.php
@@ -0,0 +1,57 @@
+@props(['id', 'children', 'title' => __('Menu'), 'hasParent' => false, 'tag' => 'form', 'parentUrl' => ''])
+@slots(['headerbutton'])
+
+<x-rapidez::slideover.mobile
+    :title="(string) $title"
+    :$id
+    :$hasParent
+    :$tag
+>
+    <x-slot:headerbutton>
+        <div class="absolute left-0 top-1/2 -translate-y-1/2 cursor-pointer text-white">
+            @include('rapidez-statamic::navigation.header-button')
+        </div>
+    </x-slot:headerbutton>
+    <div class="flex w-full flex-1 flex-col bg-inactive-100">
+        <ul class="mt-5 flex flex-col divide-y border-y bg-white">
+            @if ($hasParent && $parentUrl)
+                <li>
+                    <a href="{{ $parentUrl }}" class="normal flex items-center justify-between p-5 font-semibold">
+                        @lang('Go to :item', ['item' => strtolower($title)])
+                    </a>
+                </li>
+            @endif
+            @foreach ($children ?: [] as $child)
+                @php
+                    $url = $child['url'];
+                    if (isset($child['linked_category'])) {
+                        $url = Str::start($child['linked_category']->value()['url_path'] ?? '', '/');
+                    }
+                @endphp
+                <li class="relative">
+                    @if ($child['title'] ?? '')
+                        <a href="{{ $url }}" class="flex items-center justify-between p-5 font-semibold">
+                            {{ $child['title'] }}
+                            @if ($child['children'])
+                                <x-heroicon-o-chevron-right class="size-4" />
+                            @endif
+                        </a>
+                    @endif
+                    @if ($child['children'])
+                        @php($childId = uniqid(Str::snake("{$child['title']}" ?? '')))
+                        <label class="absolute inset-0 cursor-pointer" for="{{ $childId }}"></label>
+                        <x-rapidez-statamic::nav-layer
+                            :id="$childId"
+                            :children="$child['children'] ?? []"
+                            :title="$child['title'] ?? ''"
+                            :parent-url="$child['url']"
+                            has-parent
+                            tag="div"
+                        ></x-rapidez-statamic::nav-layer>
+                    @endif
+                </li>
+            @endforeach
+        </ul>
+        {{ $slot }}
+    </div>
+</x-rapidez::slideover.mobile>
diff --git a/resources/views/navigation/header-button.blade.php b/resources/views/navigation/header-button.blade.php
new file mode 100644
index 0000000..a918753
--- /dev/null
+++ b/resources/views/navigation/header-button.blade.php
@@ -0,0 +1,2 @@
+{{-- This is shown on the first slideover of the mobile menu, you can leave this empty if you don't want it. By default this is a search button --}}
+<x-button.search />
diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
new file mode 100644
index 0000000..c1748a8
--- /dev/null
+++ b/resources/views/navigation/nav.blade.php
@@ -0,0 +1,54 @@
+<nav class="lg:hidden">
+    <x-rapidez-statamic::nav-layer
+        id="navigation"
+        is-form
+        :children="Statamic::tag('nav:main')->fetch()"
+    />
+</nav>
+@php
+    $baseUrl = \Statamic\Facades\Site::current()->absoluteUrl();
+@endphp
+<nav class="relative border-y max-lg:hidden">
+    <ul class="flex items-center justify-center gap-7 font-semibold text-neutral [&>:not(:hover)]:hover:text-inactive">
+        @foreach (Statamic::tag('nav:main')->fetch() as $item)
+            @php
+                $level1Url = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
+            @endphp
+            <li class="group">
+                <a class="relative flex py-4 transition" href="{{ $level1Url }}">
+                    {{ $item['title'] }}
+                    @if ($item['children'])
+                        <div class="absolute inset-x-0 bottom-0 z-50 h-0.5 w-full origin-right translate-y-1/2 scale-x-0 bg-primary transition group-hover:origin-left group-hover:scale-x-100"></div>
+                    @endif
+                </a>
+                @if ($item['children'])
+                    <div class="pointer-events-none absolute inset-x-0 top-full -translate-y-1 border-t bg-white opacity-0 transition group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:opacity-100">
+                        <div class="pointer-events-none absolute inset-x-0 top-full h-screen bg-neutral/50"></div>
+                        <div class="container relative flex overflow-hidden">
+                            <ul class="columns-3 flex-col gap-x-12 py-10 text-base font-bold xl:columns-4 w-full">
+                                @foreach ($item['children'] as $level2)
+                                    @php
+                                        $level2Url = isset($level2['linked_category']) && ($level2['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $level2['linked_category']->value()['url_path'] : $level2['url'] ?? '';
+                                    @endphp
+                                    <li class="flex break-inside-avoid flex-col gap-1 pb-5">
+                                        <a href="{{ $level2Url }}">{{ $level2['title'] }}</a>
+                                        <ul class="flex flex-col font-medium [&>:not(:hover)]:hover:text-inactive">
+                                            @foreach ($level2['children'] as $level3)
+                                                @php
+                                                    $level3Url = isset($level3['linked_category']) && ($level3['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $level3['linked_category']->value()['url_path'] : $level3['url'] ?? '';
+                                                @endphp
+                                                <li class="transition">
+                                                    <a href="{{ $level3Url }}">{{ $level3['title'] }}</a>
+                                                </li>
+                                            @endforeach
+                                        </ul>
+                                    </li>
+                                @endforeach
+                            </ul>
+                        </div>
+                    </div>
+                @endif
+            </li>
+        @endforeach
+    </ul>
+</nav>

From 3e263880647d4072a1aeaa69ac3c553c2722e8d9 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Mon, 16 Sep 2024 15:29:51 +0200
Subject: [PATCH 2/8] Change gap

---
 resources/views/navigation/nav.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
index c1748a8..90a3b0e 100644
--- a/resources/views/navigation/nav.blade.php
+++ b/resources/views/navigation/nav.blade.php
@@ -9,7 +9,7 @@
     $baseUrl = \Statamic\Facades\Site::current()->absoluteUrl();
 @endphp
 <nav class="relative border-y max-lg:hidden">
-    <ul class="flex items-center justify-center gap-7 font-semibold text-neutral [&>:not(:hover)]:hover:text-inactive">
+    <ul class="flex items-center justify-center gap-8 font-semibold text-neutral [&>:not(:hover)]:hover:text-inactive text-sm">
         @foreach (Statamic::tag('nav:main')->fetch() as $item)
             @php
                 $level1Url = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
@@ -25,7 +25,7 @@
                     <div class="pointer-events-none absolute inset-x-0 top-full -translate-y-1 border-t bg-white opacity-0 transition group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:opacity-100">
                         <div class="pointer-events-none absolute inset-x-0 top-full h-screen bg-neutral/50"></div>
                         <div class="container relative flex overflow-hidden">
-                            <ul class="columns-3 flex-col gap-x-12 py-10 text-base font-bold xl:columns-4 w-full">
+                            <ul class="columns-3 flex-col gap-x-12 py-10 font-bold xl:columns-4 w-full">
                                 @foreach ($item['children'] as $level2)
                                     @php
                                         $level2Url = isset($level2['linked_category']) && ($level2['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $level2['linked_category']->value()['url_path'] : $level2['url'] ?? '';

From 699a4e3255f554e6de1477ec8eef475375cee475 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Mon, 16 Sep 2024 15:48:17 +0200
Subject: [PATCH 3/8] rename level1 level2 level3 to item

---
 resources/views/navigation/nav.blade.php | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
index 90a3b0e..0660b48 100644
--- a/resources/views/navigation/nav.blade.php
+++ b/resources/views/navigation/nav.blade.php
@@ -12,10 +12,10 @@
     <ul class="flex items-center justify-center gap-8 font-semibold text-neutral [&>:not(:hover)]:hover:text-inactive text-sm">
         @foreach (Statamic::tag('nav:main')->fetch() as $item)
             @php
-                $level1Url = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
+                $itemUrl = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
             @endphp
             <li class="group">
-                <a class="relative flex py-4 transition" href="{{ $level1Url }}">
+                <a class="relative flex py-4 transition" href="{{ $itemUrl }}">
                     {{ $item['title'] }}
                     @if ($item['children'])
                         <div class="absolute inset-x-0 bottom-0 z-50 h-0.5 w-full origin-right translate-y-1/2 scale-x-0 bg-primary transition group-hover:origin-left group-hover:scale-x-100"></div>
@@ -26,19 +26,19 @@
                         <div class="pointer-events-none absolute inset-x-0 top-full h-screen bg-neutral/50"></div>
                         <div class="container relative flex overflow-hidden">
                             <ul class="columns-3 flex-col gap-x-12 py-10 font-bold xl:columns-4 w-full">
-                                @foreach ($item['children'] as $level2)
+                                @foreach ($item['children'] as $item)
                                     @php
-                                        $level2Url = isset($level2['linked_category']) && ($level2['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $level2['linked_category']->value()['url_path'] : $level2['url'] ?? '';
+                                        $itemUrl = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
                                     @endphp
                                     <li class="flex break-inside-avoid flex-col gap-1 pb-5">
-                                        <a href="{{ $level2Url }}">{{ $level2['title'] }}</a>
+                                        <a href="{{ $itemUrl }}">{{ $item['title'] }}</a>
                                         <ul class="flex flex-col font-medium [&>:not(:hover)]:hover:text-inactive">
-                                            @foreach ($level2['children'] as $level3)
+                                            @foreach ($item['children'] as $item)
                                                 @php
-                                                    $level3Url = isset($level3['linked_category']) && ($level3['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $level3['linked_category']->value()['url_path'] : $level3['url'] ?? '';
+                                                    $itemUrl = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
                                                 @endphp
                                                 <li class="transition">
-                                                    <a href="{{ $level3Url }}">{{ $level3['title'] }}</a>
+                                                    <a href="{{ $itemUrl }}">{{ $item['title'] }}</a>
                                                 </li>
                                             @endforeach
                                         </ul>

From 499303449836abfd323056869ff94164c563649e Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Tue, 17 Sep 2024 15:34:58 +0200
Subject: [PATCH 4/8] add UrlHelper

---
 composer.json                                  |  5 ++++-
 resources/views/components/nav-layer.blade.php | 11 +++++------
 resources/views/navigation/nav.blade.php       |  6 +++---
 src/Helpers/UrlHelper.php                      | 17 +++++++++++++++++
 4 files changed, 29 insertions(+), 10 deletions(-)
 create mode 100644 src/Helpers/UrlHelper.php

diff --git a/composer.json b/composer.json
index 9c9b117..b50bd74 100644
--- a/composer.json
+++ b/composer.json
@@ -42,7 +42,10 @@
     "autoload": {
         "psr-4": {
             "Rapidez\\Statamic\\": "src"
-        }
+        },
+        "files": [
+            "src/Helpers/UrlHelper.php"
+        ]
     },
     "config": {
         "sort-packages": true,
diff --git a/resources/views/components/nav-layer.blade.php b/resources/views/components/nav-layer.blade.php
index 774abf0..7adad5e 100644
--- a/resources/views/components/nav-layer.blade.php
+++ b/resources/views/components/nav-layer.blade.php
@@ -1,6 +1,8 @@
 @props(['id', 'children', 'title' => __('Menu'), 'hasParent' => false, 'tag' => 'form', 'parentUrl' => ''])
 @slots(['headerbutton'])
-
+@php
+    $baseUrl = \Statamic\Facades\Site::current()->absoluteUrl();
+@endphp
 <x-rapidez::slideover.mobile
     :title="(string) $title"
     :$id
@@ -12,7 +14,7 @@
             @include('rapidez-statamic::navigation.header-button')
         </div>
     </x-slot:headerbutton>
-    <div class="flex w-full flex-1 flex-col bg-inactive-100">
+    <div class="bg-inactive-100 flex w-full flex-1 flex-col">
         <ul class="mt-5 flex flex-col divide-y border-y bg-white">
             @if ($hasParent && $parentUrl)
                 <li>
@@ -23,10 +25,7 @@
             @endif
             @foreach ($children ?: [] as $child)
                 @php
-                    $url = $child['url'];
-                    if (isset($child['linked_category'])) {
-                        $url = Str::start($child['linked_category']->value()['url_path'] ?? '', '/');
-                    }
+                    $url = getItemUrl($child, $baseUrl)
                 @endphp
                 <li class="relative">
                     @if ($child['title'] ?? '')
diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
index 0660b48..f397f09 100644
--- a/resources/views/navigation/nav.blade.php
+++ b/resources/views/navigation/nav.blade.php
@@ -12,7 +12,7 @@
     <ul class="flex items-center justify-center gap-8 font-semibold text-neutral [&>:not(:hover)]:hover:text-inactive text-sm">
         @foreach (Statamic::tag('nav:main')->fetch() as $item)
             @php
-                $itemUrl = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
+                $itemUrl = getItemUrl($item, $baseUrl);
             @endphp
             <li class="group">
                 <a class="relative flex py-4 transition" href="{{ $itemUrl }}">
@@ -28,14 +28,14 @@
                             <ul class="columns-3 flex-col gap-x-12 py-10 font-bold xl:columns-4 w-full">
                                 @foreach ($item['children'] as $item)
                                     @php
-                                        $itemUrl = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
+                                        $itemUrl = getItemUrl($item, $baseUrl);
                                     @endphp
                                     <li class="flex break-inside-avoid flex-col gap-1 pb-5">
                                         <a href="{{ $itemUrl }}">{{ $item['title'] }}</a>
                                         <ul class="flex flex-col font-medium [&>:not(:hover)]:hover:text-inactive">
                                             @foreach ($item['children'] as $item)
                                                 @php
-                                                    $itemUrl = isset($item['linked_category']) && ($item['linked_category']?->value()['url_path'] ?? false) ? $baseUrl . '/' . $item['linked_category']->value()['url_path'] : $item['url'] ?? '';
+                                                    $itemUrl = getItemUrl($item, $baseUrl);
                                                 @endphp
                                                 <li class="transition">
                                                     <a href="{{ $itemUrl }}">{{ $item['title'] }}</a>
diff --git a/src/Helpers/UrlHelper.php b/src/Helpers/UrlHelper.php
new file mode 100644
index 0000000..fcf87be
--- /dev/null
+++ b/src/Helpers/UrlHelper.php
@@ -0,0 +1,17 @@
+<?php
+
+if (!function_exists('getItemUrl')) {
+    function getItemUrl($item, $baseUrl)
+    {
+        $types = ['linked_product', 'linked_category', 'linked_brand'];
+
+        foreach ($types as $type) {
+            if (isset($item[$type]) && ($item[$type]?->value()['url_path'] ?? false)) {
+                return $baseUrl . '/' . $item[$type]->value()['url_path'];
+            }
+        }
+
+        return $item['url'] ?? '';
+    }
+
+}

From 762ab4085a1b99daed7cdae47db735dbb1e62e4c Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Wed, 18 Sep 2024 08:02:07 +0200
Subject: [PATCH 5/8] Make header-button empty by default

---
 resources/views/navigation/header-button.blade.php | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/resources/views/navigation/header-button.blade.php b/resources/views/navigation/header-button.blade.php
index a918753..c3401bd 100644
--- a/resources/views/navigation/header-button.blade.php
+++ b/resources/views/navigation/header-button.blade.php
@@ -1,2 +1 @@
-{{-- This is shown on the first slideover of the mobile menu, you can leave this empty if you don't want it. By default this is a search button --}}
-<x-button.search />
+{{-- This is shown on the first slideover of the mobile menu, this is empty by default but can be overridden --}}

From 8c798d63ad2a80b9a12a977261a546cbb3ea5207 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Wed, 18 Sep 2024 11:17:35 +0200
Subject: [PATCH 6/8] Added possibility to include multiple statamic
 navigations

---
 .../views/components/nav-layer.blade.php      |  2 +-
 resources/views/navigation/nav.blade.php      | 23 ++++++++++++-------
 src/Helpers/UrlHelper.php                     |  1 -
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/resources/views/components/nav-layer.blade.php b/resources/views/components/nav-layer.blade.php
index 7adad5e..9bde955 100644
--- a/resources/views/components/nav-layer.blade.php
+++ b/resources/views/components/nav-layer.blade.php
@@ -25,7 +25,7 @@
             @endif
             @foreach ($children ?: [] as $child)
                 @php
-                    $url = getItemUrl($child, $baseUrl)
+                    $url = getItemUrl($child, $baseUrl);
                 @endphp
                 <li class="relative">
                     @if ($child['title'] ?? '')
diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
index f397f09..9b92dae 100644
--- a/resources/views/navigation/nav.blade.php
+++ b/resources/views/navigation/nav.blade.php
@@ -1,16 +1,23 @@
+@props(['nav' => 'nav:main', 'mobileNav' => 'nav:main'])
+@php
+    // This combines multiple navigations into one for desktop and mobile seperately, only neccessary if you have multiple navigations
+    $navData = array_merge(...Arr::map(Arr::wrap($nav), fn($item) => Statamic::tag($item)->fetch()));
+    $mobileNavData = array_merge(...Arr::map(Arr::wrap($mobileNav), fn($item) => Statamic::tag($item)->fetch()));
+@endphp
 <nav class="lg:hidden">
     <x-rapidez-statamic::nav-layer
         id="navigation"
         is-form
-        :children="Statamic::tag('nav:main')->fetch()"
-    />
+        :children="$mobileNavData"
+    >
+    </x-rapidez-statamic::nav-layer>
 </nav>
 @php
     $baseUrl = \Statamic\Facades\Site::current()->absoluteUrl();
 @endphp
 <nav class="relative border-y max-lg:hidden">
-    <ul class="flex items-center justify-center gap-8 font-semibold text-neutral [&>:not(:hover)]:hover:text-inactive text-sm">
-        @foreach (Statamic::tag('nav:main')->fetch() as $item)
+    <ul class="text-neutral [&>:not(:hover)]:hover:text-inactive flex items-center justify-center gap-8 text-sm font-semibold">
+        @foreach ($navData as $item)
             @php
                 $itemUrl = getItemUrl($item, $baseUrl);
             @endphp
@@ -18,21 +25,21 @@
                 <a class="relative flex py-4 transition" href="{{ $itemUrl }}">
                     {{ $item['title'] }}
                     @if ($item['children'])
-                        <div class="absolute inset-x-0 bottom-0 z-50 h-0.5 w-full origin-right translate-y-1/2 scale-x-0 bg-primary transition group-hover:origin-left group-hover:scale-x-100"></div>
+                        <div class="bg-primary absolute inset-x-0 bottom-0 z-50 h-0.5 w-full origin-right translate-y-1/2 scale-x-0 transition group-hover:origin-left group-hover:scale-x-100"></div>
                     @endif
                 </a>
                 @if ($item['children'])
                     <div class="pointer-events-none absolute inset-x-0 top-full -translate-y-1 border-t bg-white opacity-0 transition group-hover:pointer-events-auto group-hover:translate-y-0 group-hover:opacity-100">
-                        <div class="pointer-events-none absolute inset-x-0 top-full h-screen bg-neutral/50"></div>
+                        <div class="bg-neutral/50 pointer-events-none absolute inset-x-0 top-full h-screen"></div>
                         <div class="container relative flex overflow-hidden">
-                            <ul class="columns-3 flex-col gap-x-12 py-10 font-bold xl:columns-4 w-full">
+                            <ul class="w-full columns-3 flex-col gap-x-12 py-10 font-bold xl:columns-4">
                                 @foreach ($item['children'] as $item)
                                     @php
                                         $itemUrl = getItemUrl($item, $baseUrl);
                                     @endphp
                                     <li class="flex break-inside-avoid flex-col gap-1 pb-5">
                                         <a href="{{ $itemUrl }}">{{ $item['title'] }}</a>
-                                        <ul class="flex flex-col font-medium [&>:not(:hover)]:hover:text-inactive">
+                                        <ul class="[&>:not(:hover)]:hover:text-inactive flex flex-col font-medium">
                                             @foreach ($item['children'] as $item)
                                                 @php
                                                     $itemUrl = getItemUrl($item, $baseUrl);
diff --git a/src/Helpers/UrlHelper.php b/src/Helpers/UrlHelper.php
index fcf87be..3ec80f5 100644
--- a/src/Helpers/UrlHelper.php
+++ b/src/Helpers/UrlHelper.php
@@ -13,5 +13,4 @@ function getItemUrl($item, $baseUrl)
 
         return $item['url'] ?? '';
     }
-
 }

From bc1fe3685e0c453823d0389b7f06887678ac2fbb Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Wed, 18 Sep 2024 11:17:48 +0200
Subject: [PATCH 7/8] Self closing

---
 resources/views/navigation/nav.blade.php | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
index 9b92dae..244e70e 100644
--- a/resources/views/navigation/nav.blade.php
+++ b/resources/views/navigation/nav.blade.php
@@ -9,8 +9,7 @@
         id="navigation"
         is-form
         :children="$mobileNavData"
-    >
-    </x-rapidez-statamic::nav-layer>
+    />
 </nav>
 @php
     $baseUrl = \Statamic\Facades\Site::current()->absoluteUrl();

From dfd53ddc3016f328bf9dfeb8e2ba28b9634db7e7 Mon Sep 17 00:00:00 2001
From: Jimmy Hoenderdaal <jimmy@justbetter.nl>
Date: Wed, 18 Sep 2024 11:48:37 +0200
Subject: [PATCH 8/8] Increase padding

---
 resources/views/navigation/nav.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/navigation/nav.blade.php b/resources/views/navigation/nav.blade.php
index 244e70e..5a48011 100644
--- a/resources/views/navigation/nav.blade.php
+++ b/resources/views/navigation/nav.blade.php
@@ -21,7 +21,7 @@
                 $itemUrl = getItemUrl($item, $baseUrl);
             @endphp
             <li class="group">
-                <a class="relative flex py-4 transition" href="{{ $itemUrl }}">
+                <a class="relative flex py-5 transition" href="{{ $itemUrl }}">
                     {{ $item['title'] }}
                     @if ($item['children'])
                         <div class="bg-primary absolute inset-x-0 bottom-0 z-50 h-0.5 w-full origin-right translate-y-1/2 scale-x-0 transition group-hover:origin-left group-hover:scale-x-100"></div>