fix fullscreen layout on mobiles

2023-02-28 08:21:09 +10:00
parent e384229d7c
commit 835e8be4dc
1 changed files with 10 additions and 0 deletions
--- 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;