From 835e8be4dc3da139b7e939289b04969581ff5fcd Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 28 Feb 2023 08:21:09 +1000
Subject: [PATCH] fix fullscreen layout on mobiles

---
 resources/js/components/SMDialog.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/resources/js/components/SMDialog.vue b/resources/js/components/SMDialog.vue
index 1e76b6e..e6b556e 100644
--- a/resources/js/components/SMDialog.vue
+++ b/resources/js/components/SMDialog.vue
@@ -115,10 +115,20 @@ defineProps({
 }
 
 @media only screen and (max-width: 640px) {
+    .sm-container .sm-dialog {
+        margin: 0 -1rem;
+
+        &.sm-dialog-full {
+            width: auto;
+        }
+    }
+
     .sm-dialog {
         padding: map-get($spacer, 5) map-get($spacer, 4) map-get($spacer, 4)
             map-get($spacer, 4);
         min-width: auto;
+        box-shadow: none;
+        border-radius: 0;
 
         .sm-button {
             display: block;