@dcodegroup-au/page-builder 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/page-builder.css +1 -1
  2. package/dist/page-builder.es.js +10 -10
  3. package/dist/page-builder.umd.js +1 -1
  4. package/example/src/App.vue +1 -1
  5. package/package.json +1 -1
  6. package/src/components/presenters/modules/CollectionCarousel.vue +3 -3
  7. package/src/components/presenters/modules/CollectionGrid.vue +1 -1
  8. package/src/components/presenters/modules/LinkCard.vue +1 -1
  9. package/src/components/presenters/modules/LinkList.vue +2 -2
  10. package/src/components/presenters/modules/Paragraph.vue +1 -1
  11. package/src/components/presenters/modules/QuickLinks.vue +2 -2
  12. package/src/components/presenters/modules/Timeline.vue +1 -1
  13. package/src/components/presenters/modules/TwoColumnsImageContent.vue +1 -1
  14. package/src/components/presenters/modules/VTabs.vue +2 -2
package/example/src/App.vue CHANGED
@@ -86,7 +86,7 @@ const breadcrumbs = [
86
86
  <div>
87
87
  <div style="margin: 40px 0">
88
88
  <h1 style="margin-bottom: 20px; font-size: 50px;">Page Render</h1>
89
- <PageRender :page="BestLife"/>
89
+ <PageRender :page="Home"/>
90
90
  </div>
91
91
  <div style="margin: 40px 0">
92
92
  <h1 style="margin-bottom: 20px; font-size: 50px;">Slider Edit</h1>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dcodegroup-au/page-builder",
3
- "version": "0.3.0",
3
+ "version": "0.3.1",
4
4
  "exports": {
5
5
  ".": {
6
6
  "import": "./dist/page-builder.es.js"
package/src/components/presenters/modules/CollectionCarousel.vue CHANGED
@@ -1,11 +1,11 @@
1
1
  <template>
2
2
  <div class="overflow-hidden" :class="{'rounded-br-[48px] rounded-tl-[48px] bg-aqua-100': section?.has_background}">
3
- <div class="max-w-[1400px] mx-auto w-full">
4
- <div class="max-md:mx-[30px] max-1xl:mx-[120px] 1xl:mx-0 rounded-[48px] pt-[40px]">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full">
4
+ <div class="max-md:mx-[30px] 1xl:mx-0 rounded-[48px] pt-[40px]">
5
5
  <VHeaderPresenter :component="headerComponent" />
6
6
  </div>
7
7
  </div>
8
- <div class="max-w-[1400px] mx-auto w-full" :class="{'mt-0': !section?.has_background, 'mt-6': section?.has_background}">
8
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full" :class="{'mt-0': !section?.has_background, 'mt-6': section?.has_background}">
9
9
  <VCarousel :component="carouselComponent" :has-background="section?.has_background" />
10
10
  </div>
11
11
  </div>
package/src/components/presenters/modules/CollectionGrid.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="overflow-hidden">
3
- <div class="max-w-[1400px] mx-auto w-full pt-[40px]">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full pt-[40px]">
4
4
  <template v-for="(component, index) in section.components" :key="index">
5
5
  <component
6
6
  :is="currentComponent(component)"
package/src/components/presenters/modules/LinkCard.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="overflow-hidden bg-aqua-100">
3
- <div class="max-w-[1400px] mx-auto w-full my-[40px]">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full my-[40px]">
4
4
  <div class="rounded-xl px-[40px] text-center mb-6 max-w-[1280px] mx-auto" v-if="headerComponent">
5
5
  <h3 class="text-[36px] text-gray-900 font-semibold">{{ headerComponent.title }}</h3>
6
6
  <p v-if="headerComponent?.supporting_text" class="text-[20px] font-normal mt-2 text-gray-600 leading-[30px] max-w-[768px] mx-auto" v-html="headerComponent.supporting_text"></p>
package/src/components/presenters/modules/LinkList.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="overflow-hidden">
3
- <div class="max-w-[1400px] mx-auto w-full bg-white py-[40px] flex">
4
- <div v-for="(header, index) in headerComponents" v-if="section.two_columns" class="w-1/2 gap-4 px-[120px]">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full bg-white py-[40px] flex gap-[10%]">
4
+ <div v-for="(header, index) in headerComponents" v-if="section.two_columns" class="w-1/2 gap-4">
5
5
  <div class="rounded-xl px-[40px] text-center mb-6 max-w-[1280px] mx-auto" v-if="header">
6
6
  <h3 class="text-[36px] text-gray-900 font-semibold">{{ header.title }}</h3>
7
7
  <p v-if="header?.supporting_text" class="text-[20px] font-normal mt-2 text-gray-600 leading-[30px] max-w-[768px] mx-auto" v-html="header.supporting_text"></p>
package/src/components/presenters/modules/Paragraph.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="overflow-hidden">
3
- <div class="max-w-[1400px] mx-auto w-full pt-4 mb-4">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full pt-4 mb-4">
4
4
  <div class="max-w-[800px]" v-if="section.components[0]?.title">
5
5
  <h3 class="text-[36px] text-gray-900 font-semibold">
6
6
  {{ section.components[0].title }}
package/src/components/presenters/modules/QuickLinks.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="w-full bg-navy-800 py-10 relative lg:h-[336px]">
3
- <div class="max-w-[1400px] mx-auto w-full">
4
- <div class="max-md:mx-[30px] max-1xl:mx-[120px] 1xl:mx-0 relative z-10">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full">
4
+ <div class="max-md:mx-[30px] 1xl:mx-0 relative z-10">
5
5
  <div v-for="(component, index) in section.components" class="w-full md:w-3/4">
6
6
  <component
7
7
  :is="currentComponent(component)"
package/src/components/presenters/modules/Timeline.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="overflow-hidden">
3
- <div class="max-w-[1400px] mx-auto w-full mt-[40px]">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full mt-[40px]">
4
4
  <div class="rounded-xl px-[40px] text-center mb-1 max-w-[1280px] mx-auto" v-if="headerComponent">
5
5
  <h3 class="text-[36px] text-gray-900 font-semibold">{{ headerComponent.title }}</h3>
6
6
  <p v-if="headerComponent?.supporting_text" class="text-[20px] font-normal mt-2 text-gray-600 leading-[30px] max-w-[768px] mx-auto" v-html="headerComponent.supporting_text"></p>
package/src/components/presenters/modules/TwoColumnsImageContent.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div class="overflow-hidden">
3
- <div class="max-w-[1400px] mx-auto w-full mt-4">
3
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full mt-4 px-4">
4
4
  <div class="grid grid-cols-12 gap-4">
5
5
  <div class="col-span-4 bg-gray-100 rounded-xl p-8" v-if="paragraphComponent">
6
6
  <h3 class="text-[20px] text-gray-900 font-semibold">{{ paragraphComponent.title }}</h3>
package/src/components/presenters/modules/VTabs.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
- <div class="max-w-[1400px] mx-auto w-full">
3
- <div class="max-md:mx-[30px] max-1xl:mx-[120px] 1xl:mx-0 bg-navy-25 rounded-[48px] p-16">
2
+ <div class="max-w-[1640px] md:px-[120px] mx-auto w-full">
3
+ <div class="max-md:mx-[30px] 1xl:mx-0 bg-navy-25 rounded-[48px] p-16">
4
4
  <div v-for="(component, index) in section.components">
5
5
  <component
6
6
  :is="currentComponent(component)"