From 3af627281b5fc859601a8a703afb457ac22373fe Mon Sep 17 00:00:00 2001
From: Alex Barnsley <8069294+alexbarnsley@users.noreply.github.com>
Date: Tue, 16 May 2023 14:40:29 +0100
Subject: [PATCH 1/2] refactor/handle-customisation-of-modal

---
 resources/views/modal.blade.php | 40 ++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/resources/views/modal.blade.php b/resources/views/modal.blade.php
index e698ad06e..2605f800a 100644
--- a/resources/views/modal.blade.php
+++ b/resources/views/modal.blade.php
@@ -9,12 +9,28 @@
     'buttons' => null,
     'buttonsStyle' => 'modal-buttons',
     'closeButtonOnly' => false,
+    'closeButtonClass' => 'modal-close',
     'wireClose' => false,
     'escToClose' => true,
     'fixedPosition' => false,
-    'paddingClass' => 'p-8 sm:p-10'
+    'paddingClass' => 'p-8 sm:p-10',
+    'breakpoint' => 'md',
+    'wrapperClass' => 'modal-content-wrapper',
+    'contentClass' => 'modal-content',
 ])
 
+@php
+    $fixedPositionClass = [
+        'sm' => 'sm:mx-auto',
+        'md' => 'md:mx-auto',
+    ][$breakpoint] ?? 'md:mx-auto';
+
+    $relativePositionClass = [
+        'sm' => 'sm:m-auto',
+        'md' => 'md:m-auto',
+    ][$breakpoint] ?? 'md:m-auto';
+@endphp
+
 <div class="fixed inset-0 z-50 opacity-75 dark:opacity-50 bg-theme-secondary-900 dark:bg-theme-secondary-800"></div>
 
 <div
@@ -36,15 +52,29 @@ class="flex overflow-y-auto fixed inset-0 z-50 md:py-10 md:px-8"
     @endif
 >
     <div
-        class="modal-content-wrapper @if($fixedPosition) md:mx-auto @else md:m-auto @endif w-full {{ $class }} {{ $widthClass }}"
-        @if($style) style="{{ $style }}" @endif
+        @class([
+            'w-full',
+            $wrapperClass,
+            $fixedPositionClass => $fixedPosition,
+            $relativePositionClass => ! $fixedPosition,
+            $class,
+            $widthClass,
+        ])
+
+        @if($style)
+            style="{{ $style }}"
+        @endif
     >
-        <div class="modal-content custom-scroll {{ $widthClass }}">
+        <div @class([
+            'custom-scroll',
+            $contentClass,
+            $widthClass,
+        ])>
             <div class="{{ $paddingClass }}">
                 @if($wireClose)
                     <button
                         type="button"
-                        class="modal-close"
+                        @class([$closeButtonClass])
                         @if($wireClose ?? false) wire:click="{{ $wireClose }}" @endif
                     >
                         <x-ark-icon name="cross" size="sm" class="m-auto" />

From 399894f01b59f945ff794ed38fabae2770a38120 Mon Sep 17 00:00:00 2001
From: alexbarnsley <alexbarnsley@users.noreply.github.com>
Date: Tue, 16 May 2023 13:41:40 +0000
Subject: [PATCH 2/2] style: resolve style guide violations

---
 composer.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/composer.json b/composer.json
index 6580029c2..04a2aaede 100644
--- a/composer.json
+++ b/composer.json
@@ -126,4 +126,4 @@
         "spatie/laravel-permission": "Needed for nova permissions & roles",
         "vyuldashev/nova-permission": "Needed for nova permissions & roles"
     }
-}
\ No newline at end of file
+}