From c8e90b6887197a9ccbc24c04ae63ae343c8847b7 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 18 Apr 2023 10:43:25 +1000
Subject: [PATCH] default is start, added center option

---
 resources/js/components/SMContainer.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/SMContainer.vue b/resources/js/components/SMContainer.vue
index 615dca4..fe8283b 100644
--- a/resources/js/components/SMContainer.vue
+++ b/resources/js/components/SMContainer.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :class="['sm-container', { full: full }]">
+    <div :class="['sm-container', { full: full, 'my-auto': center }]">
         <slot v-if="slots.default"></slot>
         <div v-if="slots.inner" class="sm-container-inner">
             <slot name="inner"></slot>
@@ -16,6 +16,11 @@ const props = defineProps({
         default: false,
         required: false,
     },
+    center: {
+        type: Boolean,
+        default: false,
+        required: false,
+    },
 });
 
 const slots = useSlots();
@@ -27,7 +32,6 @@ const slots = useSlots();
     width: 100%;
     flex-direction: column;
     padding: 0 16px 0 16px;
-    margin: auto;
     max-width: 1200px;
 
     &.full {