Reworking the layouts to allow for the new design
This commit is contained in:
@@ -5,7 +5,7 @@ import BannerActionsLg from "@/views/creators/banner/bannerlower/BannerActionsLg
|
||||
import BannerActionsXl from "@/views/creators/banner/bannerlower/BannerActionsXl.vue";
|
||||
|
||||
const props = defineProps({
|
||||
creator: { type: Object, required: true }
|
||||
creator: {type: Object, required: true}
|
||||
});
|
||||
|
||||
const emits = defineEmits(['content-posted']);
|
||||
@@ -17,18 +17,27 @@ function addContent(content) {
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<banner-actions-sm class="d-sm-none" :creator="creator" @content-posted="addContent"></banner-actions-sm>
|
||||
<banner-actions-sm class="d-sm-none"
|
||||
:creator="creator"
|
||||
@content-posted="addContent"
|
||||
></banner-actions-sm>
|
||||
|
||||
<div class="d-none d-sm-flex d-md-none">
|
||||
<banner-actions-md :creator="creator" @content-posted="addContent"></banner-actions-md>
|
||||
<banner-actions-md :creator="creator"
|
||||
@content-posted="addContent"
|
||||
></banner-actions-md>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-md-flex d-lg-none">
|
||||
<banner-actions-lg :creator="creator" @content-posted="addContent"></banner-actions-lg>
|
||||
<banner-actions-lg :creator="creator"
|
||||
@content-posted="addContent"
|
||||
></banner-actions-lg>
|
||||
</div>
|
||||
|
||||
<div class="d-none d-lg-flex">
|
||||
<banner-actions-xl :creator="creator" @content-posted="addContent"></banner-actions-xl>
|
||||
<banner-actions-xl :creator="creator"
|
||||
@content-posted="addContent"
|
||||
></banner-actions-xl>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
Reference in New Issue
Block a user