From 8bb10a3a94810d1056e08719c33bfb20ae2942f3 Mon Sep 17 00:00:00 2001
From: "Michael K. Ocansey" <kabutey@gmail.com>
Date: Wed, 18 May 2022 07:02:59 +0000
Subject: [PATCH] Made component/modal mobile friendly

---
 src/resources/assets/compiled/css/bladewind-ui.min.css | 1 -
 src/resources/views/components/modal.blade.php         | 5 +++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/resources/assets/compiled/css/bladewind-ui.min.css b/src/resources/assets/compiled/css/bladewind-ui.min.css
index c3ab19b..493844b 100644
--- a/src/resources/assets/compiled/css/bladewind-ui.min.css
+++ b/src/resources/assets/compiled/css/bladewind-ui.min.css
@@ -725,7 +725,6 @@ to{transform:rotate(360deg)}}
 .border-yellow-400\/80{border-color:rgb(250 204 21 / 0.8)}
 .border-blue-400\/80{border-color:rgb(96 165 250 / 0.8)}
 .border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity))}
-.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28 / var(--tw-border-opacity))}
 .border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}
 .border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8 / var(--tw-border-opacity))}
 .border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}
diff --git a/src/resources/views/components/modal.blade.php b/src/resources/views/components/modal.blade.php
index 07bf7c0..6d889b6 100644
--- a/src/resources/views/components/modal.blade.php
+++ b/src/resources/views/components/modal.blade.php
@@ -49,11 +49,12 @@
     if($cancel_button_action !== 'close') $cancelAction = $cancel_button_action . (($close_after_action== 'true') ? ';'.$cancelAction : '');
 @endphp
 
-<span class="w-1/6 w-1/4 w-1/3 w-1/2 w-1/4" />
+<span class="w-1/2 w-1/3 w-1/4 w-1/5 w-1/6" />
 <div 
     class="w-full h-full bg-black/40 fixed left-0 top-0 backdrop-blur-md z-40 flex bw-modal bw-{{$name}}-modal hidden" 
     aria-backdrop-can-close="{{$backdrop_can_close}}">
-    <div class="bg-white {{ $sizes[$size] }} mx-auto my-auto rounded-lg drop-shadow-2xl bw-{{$name}}">
+    <div class="bg-white w-[94%] sm:{{$sizes[$size]}} mx-auto my-auto rounded-lg drop-shadow-2xl bw-{{$name}}">
+    {{-- {{ $sizes[$size] }} --}}
         <div class="flex">
             @if($type !== '')
                 <div class="modal-icon py-6 pl-6">