STEMMechanics/Website
1
0
Fork 0
Code Issues 4 Pull Requests 3 Actions Packages Projects Releases 3 Wiki Activity

default is start, added center option

Browse Source
This commit is contained in:
James Collins
2023-04-18 10:43:25 +10:00
parent 56973b62f6
commit c8e90b6887
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
resources/js/components/SMContainer.vue
View File

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