From 74ab5b8633ccef2499cbe8f44f0c78e7b9b65948 Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Thu, 31 Oct 2024 17:03:41 +0100
Subject: [PATCH 01/10] Added new z-index layers within tailwind config

---
 resources/views/components/notifications.blade.php          | 5 +++--
 resources/views/components/slideover/index.blade.php        | 6 +++---
 resources/views/layouts/checkout/header.blade.php           | 2 +-
 resources/views/layouts/partials/header.blade.php           | 4 ++--
 resources/views/layouts/partials/header/account.blade.php   | 2 +-
 .../views/layouts/partials/header/autocomplete.blade.php    | 2 +-
 resources/views/layouts/partials/header/minicart.blade.php  | 2 +-
 tailwind.config.js                                          | 6 ++++++
 8 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/resources/views/components/notifications.blade.php b/resources/views/components/notifications.blade.php
index 122bffd84..e10e8a269 100644
--- a/resources/views/components/notifications.blade.php
+++ b/resources/views/components/notifications.blade.php
@@ -1,5 +1,5 @@
 <notifications v-cloak>
-    <div class="fixed sm:max-w-sm sm:w-full top-6 right-6 left-6 sm:left-auto flex flex-col {{ config('rapidez.frontend.z-indexes.notification') }}" slot-scope="{ notifications }">
+    <div class="fixed sm:max-w-sm sm:w-full top-6 right-6 left-6 sm:left-auto flex flex-col z-notifications" slot-scope="{ notifications }">
         <notification v-if="notifications.length" v-for="(notification, index) in notifications" :notification="notification" :key="index +1">
             <transition
                 enter-active-class="ease-in-out duration-500"
@@ -10,7 +10,8 @@
                 leave-to-class="opacity-0"
                 slot-scope="{ message, type, show, close, classes, link }"
             >
-                <component :is="link ? 'a' : 'div'" v-if="show" class="relative flex items-end justify-center pointer-events-none mb-3 sm:items-start sm:justify-end {{ config('rapidez.frontend.z-indexes.notification') }}" :class="{ 'pointer-events-none': !link }">
+                <component :is="link ? 'a' : 'div'" v-if="show" class="relative flex items-end justify-center pointer-events-none mb-3 sm:items-start sm:justify-end" :class="{ 'pointer-events-none': !link }">
+            
                     <div class="max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border" :class="classes">
                         <div class="p-4">
                             <div class="flex items-start">
diff --git a/resources/views/components/slideover/index.blade.php b/resources/views/components/slideover/index.blade.php
index 51943796a..e1f4181e3 100644
--- a/resources/views/components/slideover/index.blade.php
+++ b/resources/views/components/slideover/index.blade.php
@@ -24,19 +24,19 @@
     $closeId = $isInForm ? 'close-' . $id : $id;
 @endphp
 
-<x-tag v-on:reset="toggleScroll(false)" :is="$tag">
+<x-tag v-on:reset="toggleScroll(false)" :is="$tag" class="z-slideover relative">
     <input id="{{ 'close-' . $id }}" class="hidden" type="reset">
     @if (!$hasParent)
         <input @checked($open) id="{{ $id }}" class="peer hidden" v-on:change="toggleScroll($event.target.checked)" type="checkbox">
         <label
             for="{{ $closeId }}"
-            class="pointer-events-none fixed inset-0 z-40 cursor-pointer bg-neutral/50 opacity-0 transition peer-checked:pointer-events-auto peer-checked:opacity-100"
+            class="pointer-events-none fixed inset-0 cursor-pointer bg-neutral/50 opacity-0 transition peer-checked:pointer-events-auto peer-checked:opacity-100"
         ></label>
     @else
         <input @checked($open) id="{{ $id }}" class="peer hidden" type="checkbox">
     @endif
     <div {{ $attributes->class([
-        'fixed inset-y-0 transition-all bg-white z-40 flex flex-col max-w-md w-full',
+        'fixed inset-y-0 transition-all bg-white z-10 flex flex-col max-w-md w-full',
         '-right-full peer-checked:right-0' => $position === 'right',
         '-left-full peer-checked:left-0' => $position === 'left',
     ]) }}>
diff --git a/resources/views/layouts/checkout/header.blade.php b/resources/views/layouts/checkout/header.blade.php
index 486c3c68f..dc45b9a71 100644
--- a/resources/views/layouts/checkout/header.blade.php
+++ b/resources/views/layouts/checkout/header.blade.php
@@ -1,4 +1,4 @@
-<header class="relative mb-5 border-b shadow">
+<header class="relative mb-5 border-b shadow z-header">
     <div class="justify-center container flex flex-wrap items-center max-sm:px-3">
         <div class="py-2">
             <div class="mr-3 flex items-center text-xl sm:text-3xl">
diff --git a/resources/views/layouts/partials/header.blade.php b/resources/views/layouts/partials/header.blade.php
index 9e4caecd5..37db68190 100644
--- a/resources/views/layouts/partials/header.blade.php
+++ b/resources/views/layouts/partials/header.blade.php
@@ -1,4 +1,4 @@
-<header class="relative mb-5 border-b shadow">
+<header class="relative mb-5 border-b shadow z-header">
     <div class="container flex flex-wrap items-center max-sm:px-3">
         <input id="navigation" class="peer hidden" type="checkbox" />
         <div class="py-2">
@@ -23,7 +23,7 @@
             @include('rapidez::layouts.partials.header.account')
             @include('rapidez::layouts.partials.header.minicart')
         </div>
-        <nav class="inset-x-0 top-full w-full bg-white max-md:absolute max-md:z-20 max-md:grid max-md:grid-rows-[0fr] max-md:border-b max-md:shadow max-md:transition-all max-md:peer-checked:grid-rows-[1fr]">
+        <nav class="inset-x-0 top-full w-full bg-white max-md:absolute max-md:grid max-md:grid-rows-[0fr] max-md:shadow max-md:transition-all max-md:peer-checked:grid-rows-[1fr]">
             <div class="max-h-full overflow-hidden">
                 {{-- Because the lack of an @includeIf or @includeWhen equivalent for Blade components we're using a placeholder --}}
                 <x-dynamic-component :component="App::providerIsLoaded('Rapidez\Menu\MenuServiceProvider') ? 'menu' : 'placeholder'" />
diff --git a/resources/views/layouts/partials/header/account.blade.php b/resources/views/layouts/partials/header/account.blade.php
index c0b62c714..282178930 100644
--- a/resources/views/layouts/partials/header/account.blade.php
+++ b/resources/views/layouts/partials/header/account.blade.php
@@ -5,7 +5,7 @@
                 <x-heroicon-o-user class="h-6 w-6"/>
                 @{{ $root.user.firstname }}
             </button>
-            <div v-if="isOpen" class="absolute bg-white border shadow rounded mr-1 {{ config('rapidez.frontend.z-indexes.header-dropdowns') }} {{ Route::currentRouteName() == 'checkout' ? 'right-0' : '' }}">
+            <div v-if="isOpen" class="absolute bg-white border shadow rounded mr-1 z-10 {{ Route::currentRouteName() == 'checkout' ? 'right-0' : '' }}">
                 @if (App::providerIsLoaded('Rapidez\Account\AccountServiceProvider'))
                     <a class="block hover:bg-inactive px-3 py-2" href="{{ route('account.overview') }}">@lang('Account')</a>
                     <a class="block hover:bg-inactive px-3 py-2" href="{{ route('account.orders') }}">@lang('Orders')</a>
diff --git a/resources/views/layouts/partials/header/autocomplete.blade.php b/resources/views/layouts/partials/header/autocomplete.blade.php
index 2a4df0c76..085b57588 100644
--- a/resources/views/layouts/partials/header/autocomplete.blade.php
+++ b/resources/views/layouts/partials/header/autocomplete.blade.php
@@ -41,7 +41,7 @@ class="relative [&_*]:!m-0 [&_[isclearicon=]]:!mr-2 [&_.cancel-icon]:!fill-[#595
                 slot-scope="{ downshiftProps: { isOpen }, data: suggestions }"
             >
                 <div
-                    class="{{ config('rapidez.frontend.z-indexes.header-dropdowns') }} absolute -inset-x-10 top-full max-h-[600px] overflow-auto rounded-b-xl border bg-white p-2 md:p-5 shadow-xl md:inset-x-0 md:w-full md:-translate-y-px"
+                    class="z-20 absolute -inset-x-10 top-full max-h-[600px] overflow-auto rounded-b-xl border bg-white p-2 md:p-5 shadow-xl md:inset-x-0 md:w-full md:-translate-y-px"
                     v-if="isOpen && (suggestions.length || resultsCount)"
                 >
                     <template v-for="(resultsData, resultsType) in results ?? {}" v-if="resultsData?.hits?.length">
diff --git a/resources/views/layouts/partials/header/minicart.blade.php b/resources/views/layouts/partials/header/minicart.blade.php
index 1c39cdfbf..9d0f51773 100644
--- a/resources/views/layouts/partials/header/minicart.blade.php
+++ b/resources/views/layouts/partials/header/minicart.blade.php
@@ -4,7 +4,7 @@
             <x-heroicon-o-shopping-cart class="h-6 w-6"/>
             <span class="bg-neutral rounded-full w-6 h-6 text-white text-center" dusk="minicart-count">@{{ Math.round(cart.total_quantity) }}</span>
         </button>
-        <div v-if="isOpen" class="absolute right-0 bg-white border shadow rounded-xl p-5 {{ config('rapidez.frontend.z-indexes.header-dropdowns') }}">
+        <div v-if="isOpen" class="absolute right-0 bg-white border shadow rounded-xl p-5 z-30">
             <table class="w-full mb-3">
                 <tr v-for="item in cart.items" class="[&>*]:pb-3">
                     <td class="block w-48 truncate overflow-hidden">@{{ item.product.name }}</td>
diff --git a/tailwind.config.js b/tailwind.config.js
index b3ba3c58c..8cdc35206 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -37,6 +37,12 @@ export default {
             borderColor: {
                 DEFAULT: 'rgb(var(--border) / <alpha-value>)', // Border color default so it gets used when only using border
             },
+            zIndex: {
+                'header': '100',
+                'notifications': '110',
+                'slideover': '120',
+                'popup': '130'
+            }
         },
         container: {
             center: true,

From 4e689e89b685772fe8d47d8814295b5bb0e8ef2d Mon Sep 17 00:00:00 2001
From: jordythevulder <jordythevulder@users.noreply.github.com>
Date: Thu, 31 Oct 2024 16:04:06 +0000
Subject: [PATCH 02/10] Apply fixes from Duster

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

diff --git a/resources/views/components/notifications.blade.php b/resources/views/components/notifications.blade.php
index e10e8a269..2a8d7efeb 100644
--- a/resources/views/components/notifications.blade.php
+++ b/resources/views/components/notifications.blade.php
@@ -11,7 +11,7 @@
                 slot-scope="{ message, type, show, close, classes, link }"
             >
                 <component :is="link ? 'a' : 'div'" v-if="show" class="relative flex items-end justify-center pointer-events-none mb-3 sm:items-start sm:justify-end" :class="{ 'pointer-events-none': !link }">
-            
+
                     <div class="max-w-sm w-full shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden border" :class="classes">
                         <div class="p-4">
                             <div class="flex items-start">

From 7906d1e77884fba36717ba027fa0c4a9374a63ac Mon Sep 17 00:00:00 2001
From: rapidez-actions <rapidez-actions@users.noreply.github.com>
Date: Thu, 31 Oct 2024 16:05:02 +0000
Subject: [PATCH 03/10] Apply fixes from Prettier

---
 tailwind.config.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index 8cdc35206..4865c6b3a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -38,11 +38,11 @@ export default {
                 DEFAULT: 'rgb(var(--border) / <alpha-value>)', // Border color default so it gets used when only using border
             },
             zIndex: {
-                'header': '100',
-                'notifications': '110',
-                'slideover': '120',
-                'popup': '130'
-            }
+                header: '100',
+                notifications: '110',
+                slideover: '120',
+                popup: '130',
+            },
         },
         container: {
             center: true,

From eb86c2dd6b37cacc55ca0a8e024a7d5bc7d1f8db Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Fri, 1 Nov 2024 09:09:51 +0100
Subject: [PATCH 04/10] Removed frontend config z-indexes

---
 config/rapidez/frontend.php | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/config/rapidez/frontend.php b/config/rapidez/frontend.php
index cd0584f6f..0c879092f 100644
--- a/config/rapidez/frontend.php
+++ b/config/rapidez/frontend.php
@@ -78,14 +78,6 @@
         ],
     ],
 
-    // Z-Index per element
-    'z-indexes' => [
-        'header-dropdowns' => 'z-20',
-        'lightbox'         => 'z-30',
-        'notification'     => 'z-20',
-        'slideover'        => 'z-50',
-    ],
-
     // Add to cart settings to automaticly select configurable- or product options (true/false)
     'add_to_cart' => [
         'auto_select_configurable_options' => false,

From 93c05c6c338dd64a1f9254cb700531c20a5b79f2 Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Tue, 3 Dec 2024 16:42:36 +0100
Subject: [PATCH 05/10] Added naming variant

---
 config/rapidez/frontend.php                     | 12 ------------
 .../views/components/slideover/index.blade.php  |  6 +++---
 .../views/layouts/partials/header.blade.php     |  2 +-
 .../layouts/partials/header/account.blade.php   |  2 +-
 .../layouts/partials/header/minicart.blade.php  |  2 +-
 .../product/partials/gallery/popup.blade.php    |  6 +++---
 tailwind.config.js                              | 17 +++++++++++++----
 7 files changed, 22 insertions(+), 25 deletions(-)

diff --git a/config/rapidez/frontend.php b/config/rapidez/frontend.php
index 2deb2c2a4..543d4296e 100644
--- a/config/rapidez/frontend.php
+++ b/config/rapidez/frontend.php
@@ -79,19 +79,7 @@
         ],
     ],
 
-<<<<<<< HEAD
-    // Add to cart settings to automaticly select configurable- or product options (true/false)
-=======
-    // Z-Index per element
-    'z-indexes' => [
-        'header-dropdowns' => 'z-20',
-        'lightbox'         => 'z-30',
-        'notification'     => 'z-20',
-        'slideover'        => 'z-50',
-    ],
-
     // Add to cart settings to automatically select configurable- or product options (true/false)
->>>>>>> 3d270574a4f670e97076ab4eac3fdcd3cfa706db
     'add_to_cart' => [
         'auto_select_configurable_options' => false,
         'auto_select_product_options'      => false,
diff --git a/resources/views/components/slideover/index.blade.php b/resources/views/components/slideover/index.blade.php
index 8e7cdbc25..da509569e 100644
--- a/resources/views/components/slideover/index.blade.php
+++ b/resources/views/components/slideover/index.blade.php
@@ -24,19 +24,19 @@
     $closeId = $isInForm ? 'close-' . $id : $id;
 @endphp
 
-<x-rapidez::tag v-on:reset="toggleScroll(false)" :is="$tag">
+<x-rapidez::tag v-on:reset="toggleScroll(false)" :is="$tag" class="z-slideover relative">
     <input id="{{ 'close-' . $id }}" class="hidden" type="reset">
     @if (!$hasParent)
         <input @checked($open) id="{{ $id }}" class="peer hidden" v-on:change="toggleScroll($event.target.checked)" type="checkbox">
         <label
             for="{{ $closeId }}"
-            class="pointer-events-none fixed inset-0 z-40 cursor-pointer bg-black/40 opacity-0 transition peer-checked:pointer-events-auto peer-checked:opacity-100"
+            class="pointer-events-none fixed inset-0 z-slideover-overlay cursor-pointer bg-black/40 opacity-0 transition peer-checked:pointer-events-auto peer-checked:opacity-100"
         ></label>
     @else
         <input @checked($open) id="{{ $id }}" class="peer hidden" type="checkbox">
     @endif
     <div {{ $attributes->class([
-        'fixed inset-y-0 transition-all bg-white z-10 flex flex-col max-w-md w-full',
+        'fixed inset-y-0 transition-all bg-white z-10 flex flex-col max-w-md w-full z-slideover-sidebar',
         '-right-full peer-checked:right-0' => $position === 'right',
         '-left-full peer-checked:left-0' => $position === 'left',
     ]) }}>
diff --git a/resources/views/layouts/partials/header.blade.php b/resources/views/layouts/partials/header.blade.php
index 37db68190..2e8a464a6 100644
--- a/resources/views/layouts/partials/header.blade.php
+++ b/resources/views/layouts/partials/header.blade.php
@@ -30,4 +30,4 @@
             </div>
         </nav>
     </div>
-</header>
+</header>
\ No newline at end of file
diff --git a/resources/views/layouts/partials/header/account.blade.php b/resources/views/layouts/partials/header/account.blade.php
index aa5a3b1e1..6afa5fed1 100644
--- a/resources/views/layouts/partials/header/account.blade.php
+++ b/resources/views/layouts/partials/header/account.blade.php
@@ -5,7 +5,7 @@
                 <x-heroicon-o-user class="size-6"/>
                 @{{ $root.user.firstname }}
             </button>
-            <div v-if="isOpen" class="absolute bg-white border shadow rounded mr-1 {{ config('rapidez.frontend.z-indexes.header-dropdowns') }}">
+            <div v-if="isOpen" class="absolute bg-white border shadow rounded mr-1 z-header-dropdown">
                 @if (App::providerIsLoaded('Rapidez\Account\AccountServiceProvider'))
                     <a class="block hover:bg px-3 py-2" href="{{ route('account.overview') }}">@lang('Account')</a>
                     <a class="block hover:bg px-3 py-2" href="{{ route('account.orders') }}">@lang('Orders')</a>
diff --git a/resources/views/layouts/partials/header/minicart.blade.php b/resources/views/layouts/partials/header/minicart.blade.php
index fd85ba4d2..c6a30fe48 100644
--- a/resources/views/layouts/partials/header/minicart.blade.php
+++ b/resources/views/layouts/partials/header/minicart.blade.php
@@ -4,7 +4,7 @@
             <x-heroicon-o-shopping-cart class="size-6"/>
             <span class="bg-secondary text-secondary-text rounded-full size-6 text-white text-center" dusk="minicart-count">@{{ Math.round(cart.total_quantity) }}</span>
         </button>
-        <div v-if="isOpen" class="absolute right-0 bg-white border shadow rounded-xl p-5 z-30">
+        <div v-if="isOpen" class="absolute right-0 bg-white border shadow rounded-xl p-5 z-header-minicart">
             <table class="w-full mb-3">
                 <tr v-for="item in cart.items" class="*:pb-3">
                     <td class="block w-48 truncate overflow-hidden">
diff --git a/resources/views/product/partials/gallery/popup.blade.php b/resources/views/product/partials/gallery/popup.blade.php
index 1d2db5753..d4cdd30b9 100644
--- a/resources/views/product/partials/gallery/popup.blade.php
+++ b/resources/views/product/partials/gallery/popup.blade.php
@@ -6,14 +6,14 @@
             class="object-contain max-h-full mx-auto block"
             loading="lazy"
         />
-        <div class="z-10 pointer-events-none fixed top-3 right-3">
+        <div class="z-popup-actions pointer-events-none fixed top-3 right-3">
             <x-heroicon-o-x-mark class="size-6" />
         </div>
     </div>
-    <button class="z-10 top-1/2 left-3 -translate-y-1/2 absolute" v-if="active" v-on:click="change(active-1)" aria-label="@lang('Prev')">
+    <button class="z-popup-actions top-1/2 left-3 -translate-y-1/2 absolute" v-if="active" v-on:click="change(active-1)" aria-label="@lang('Prev')">
         <x-heroicon-o-chevron-left class="size-8 text-inactive" />
     </button>
-    <button class="z-10 top-1/2 right-3 -translate-y-1/2 absolute" v-if="active != images.length-1" v-on:click="change(active+1)" aria-label="@lang('Next')">
+    <button class="z-popup-actions top-1/2 right-3 -translate-y-1/2 absolute" v-if="active != images.length-1" v-on:click="change(active+1)" aria-label="@lang('Next')">
         <x-heroicon-o-chevron-right class="size-8 text-inactive" />
     </button>
 </div>
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index c2383f9d6..dafef7a1f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -60,10 +60,19 @@ export default {
                 },
             },
             zIndex: {
-                header: '100',
-                notifications: '110',
-                slideover: '120',
-                popup: '130',
+                'header': '100',
+                'header-dropdown': '10',
+                'header-autocomplete': '20',
+                'header-minicart': '30',
+
+                'notifications': '110',
+
+                'slideover': '120',
+                'slideover-overlay': '10',
+                'slideover-sidebar': '20',
+                
+                'popup': '130',
+                'popup-actions': '10',
             },
             textColor: (theme) => theme('colors.foreground'),
             borderColor: (theme) => ({

From 81dd7d38ced6785c687361dba5010cb4c5274f4c Mon Sep 17 00:00:00 2001
From: jordythevulder <jordythevulder@users.noreply.github.com>
Date: Tue, 3 Dec 2024 15:43:53 +0000
Subject: [PATCH 06/10] Apply fixes from Prettier

---
 tailwind.config.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/tailwind.config.js b/tailwind.config.js
index dafef7a1f..f2d7f4897 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -60,18 +60,18 @@ export default {
                 },
             },
             zIndex: {
-                'header': '100',
+                header: '100',
                 'header-dropdown': '10',
                 'header-autocomplete': '20',
                 'header-minicart': '30',
 
-                'notifications': '110',
+                notifications: '110',
 
-                'slideover': '120',
+                slideover: '120',
                 'slideover-overlay': '10',
                 'slideover-sidebar': '20',
-                
-                'popup': '130',
+
+                popup: '130',
                 'popup-actions': '10',
             },
             textColor: (theme) => theme('colors.foreground'),

From 737d623712ce90d0f34720d150c0c16e3314c0fd Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Wed, 4 Dec 2024 16:42:06 +0100
Subject: [PATCH 07/10] Added autocomplete

---
 resources/views/layouts/partials/header/autocomplete.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/layouts/partials/header/autocomplete.blade.php b/resources/views/layouts/partials/header/autocomplete.blade.php
index 4603f314a..2d7b22240 100644
--- a/resources/views/layouts/partials/header/autocomplete.blade.php
+++ b/resources/views/layouts/partials/header/autocomplete.blade.php
@@ -41,7 +41,7 @@ class="relative [&_*]:!m-0 [&_[isclearicon=]]:!mr-2 [&_.cancel-icon]:!fill-[#595
                 slot-scope="{ downshiftProps: { isOpen }, data: suggestions }"
             >
                 <div
-                    class="z-20 absolute -inset-x-10 top-full max-h-[600px] overflow-auto rounded-b-xl border bg-white p-2 md:p-5 shadow-xl md:inset-x-0 md:w-full md:-translate-y-px"
+                    class="z-header-autocomplete absolute -inset-x-10 top-full max-h-[600px] overflow-auto rounded-b-xl border bg-white p-2 md:p-5 shadow-xl md:inset-x-0 md:w-full md:-translate-y-px"
                     v-if="isOpen && (suggestions.length || resultsCount)"
                 >
                     <template v-for="(resultsData, resultsType) in results ?? {}" v-if="resultsData?.hits?.length">

From 913c35ecd412ff0c77650280fe96c58bc72701ab Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Wed, 4 Dec 2024 16:52:11 +0100
Subject: [PATCH 08/10] Preserved quote props within tailwind config

---
 .prettierrc.js     | 6 ++++++
 tailwind.config.js | 8 ++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/.prettierrc.js b/.prettierrc.js
index d01d6353c..fada6b9f4 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -6,6 +6,12 @@ export default {
     semi: false,
     singleQuote: true,
     overrides: [
+        {
+            files: ['tailwind.config.js'],
+            options: {
+                quoteProps: 'preserve'
+            }
+        }
         // Disabled for now as it messes with attributes and directives
         // {
         //     "files": ["*.blade.php"],
diff --git a/tailwind.config.js b/tailwind.config.js
index f2d7f4897..6a84efe02 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -60,18 +60,18 @@ export default {
                 },
             },
             zIndex: {
-                header: '100',
+                'header': '100',
                 'header-dropdown': '10',
                 'header-autocomplete': '20',
                 'header-minicart': '30',
 
-                notifications: '110',
+                'notifications': '110',
 
-                slideover: '120',
+                'slideover': '120',
                 'slideover-overlay': '10',
                 'slideover-sidebar': '20',
 
-                popup: '130',
+                'popup': '130',
                 'popup-actions': '10',
             },
             textColor: (theme) => theme('colors.foreground'),

From 814b3af9584f94508ca3574153bb72bce95f255f Mon Sep 17 00:00:00 2001
From: jordythevulder <jordythevulder@users.noreply.github.com>
Date: Wed, 4 Dec 2024 15:53:15 +0000
Subject: [PATCH 09/10] Apply fixes from Prettier

---
 .prettierrc.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/.prettierrc.js b/.prettierrc.js
index fada6b9f4..c86305a1b 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -9,9 +9,9 @@ export default {
         {
             files: ['tailwind.config.js'],
             options: {
-                quoteProps: 'preserve'
-            }
-        }
+                quoteProps: 'preserve',
+            },
+        },
         // Disabled for now as it messes with attributes and directives
         // {
         //     "files": ["*.blade.php"],

From 997603dedb75566da21ff07be17e560adf6bff01 Mon Sep 17 00:00:00 2001
From: Jordy de Vulder <jordy@justbetter.nl>
Date: Wed, 4 Dec 2024 17:11:05 +0100
Subject: [PATCH 10/10] removed z-index

---
 resources/views/components/slideover/index.blade.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/components/slideover/index.blade.php b/resources/views/components/slideover/index.blade.php
index da509569e..b1420e07e 100644
--- a/resources/views/components/slideover/index.blade.php
+++ b/resources/views/components/slideover/index.blade.php
@@ -36,7 +36,7 @@ class="pointer-events-none fixed inset-0 z-slideover-overlay cursor-pointer bg-b
         <input @checked($open) id="{{ $id }}" class="peer hidden" type="checkbox">
     @endif
     <div {{ $attributes->class([
-        'fixed inset-y-0 transition-all bg-white z-10 flex flex-col max-w-md w-full z-slideover-sidebar',
+        'fixed inset-y-0 transition-all bg-white flex flex-col max-w-md w-full z-slideover-sidebar',
         '-right-full peer-checked:right-0' => $position === 'right',
         '-left-full peer-checked:left-0' => $position === 'left',
     ]) }}>