@dcodegroup-au/page-builder 0.6.5 → 0.6.7

package/dist/page-builder.css

@@ -1063,6 +1063,9 @@ select {
 .max-h-\[200px\] {
   max-height: 200px;
 }
+.max-h-\[48px\] {
+  max-height: 48px;
+}
 .max-h-screen {
   max-height: 100vh;
 }
@@ -1199,9 +1202,6 @@ select {
 .min-w-\[480px\] {
   min-width: 480px;
 }
-.min-w-\[48px\] {
-  min-width: 48px;
-}
 .min-w-\[50\%\] {
   min-width: 50%;
 }
@@ -2835,6 +2835,10 @@ select {
   font-weight: 400;
 }
 
+.page-builder .ql-editor, .page-render .ql-editor, .item-edit .ql-editor {
+  overflow: visible;
+}
+
 .page-builder .ql-editor, .page-render .ql-editor, .item-edit .ql-editor {
   padding: 0px;
 }

package/dist/page-builder.es.js

@@ -48883,7 +48883,7 @@ const _sfc_main$f = {
               ], 8, _hoisted_4$e)) : createCommentVNode("", true),
               headerComponent.value.primary_button.show ? (openBlock(), createElementBlock("a", {
                 key: 1,
-                class: "bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
+                class: "font-semibold bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
                 href: unref(formatUrl)(headerComponent.value.primary_button.url),
                 target: headerComponent.value.primary_button.open_in_new_tab ? "_blank" : ""
               }, [
@@ -49039,7 +49039,7 @@ const _hoisted_9$b = { class: "text-[36px] text-gray-900 font-semibold" };
 const _hoisted_10$9 = ["innerHTML"];
 const _hoisted_11$8 = {
   key: 0,
-  class: "max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
+  class: "max-w-[48px] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
 };
 const _hoisted_12$6 = { class: "font-semibold text-[20px] text-gray-900" };
 const _hoisted_13$4 = ["innerHTML"];
@@ -49169,7 +49169,7 @@ const _sfc_main$d = {
                         }, null, 8, _hoisted_13$4),
                         ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) ? (openBlock(), createElementBlock("a", {
                           key: 0,
-                          class: "text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
+                          class: "cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
                           href: unref(formatUrl)(item.primary_button.url),
                           target: item.primary_button.open_in_new_tab ? "_blank" : ""
                         }, [

package/dist/page-builder.umd.js

@@ -48886,7 +48886,7 @@ ${escapeText(this.code(index, length))}
                 ], 8, _hoisted_4$e)) : vue.createCommentVNode("", true),
                 headerComponent.value.primary_button.show ? (vue.openBlock(), vue.createElementBlock("a", {
                   key: 1,
-                  class: "bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
+                  class: "font-semibold bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base",
                   href: vue.unref(formatUrl)(headerComponent.value.primary_button.url),
                   target: headerComponent.value.primary_button.open_in_new_tab ? "_blank" : ""
                 }, [
@@ -49042,7 +49042,7 @@ ${escapeText(this.code(index, length))}
   const _hoisted_10$9 = ["innerHTML"];
   const _hoisted_11$8 = {
     key: 0,
-    class: "max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
+    class: "max-w-[48px] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center"
   };
   const _hoisted_12$6 = { class: "font-semibold text-[20px] text-gray-900" };
   const _hoisted_13$4 = ["innerHTML"];
@@ -49172,7 +49172,7 @@ ${escapeText(this.code(index, length))}
                           }, null, 8, _hoisted_13$4),
                           ((_c2 = item == null ? void 0 : item.primary_button) == null ? void 0 : _c2.show) ? (vue.openBlock(), vue.createElementBlock("a", {
                             key: 0,
-                            class: "text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
+                            class: "cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4",
                             href: vue.unref(formatUrl)(item.primary_button.url),
                             target: item.primary_button.open_in_new_tab ? "_blank" : ""
                           }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcodegroup-au/page-builder",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "exports": {
     ".": {
       "import": "./dist/page-builder.es.js"

package/src/assets/css/style.css

@@ -105,6 +105,6 @@
         }
     }
     .ql-editor {
-        @apply p-0;
+        @apply p-0 overflow-visible;
     }
 }

package/src/components/presenters/modules/StandardHeader.vue

@@ -14,7 +14,7 @@
              :target="headerComponent.secondary_button.open_in_new_tab ? '_blank' : ''">
             <span>{{ headerComponent.secondary_button.label }}</span>
           </a>
-          <a class="bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base"
+          <a class="font-semibold bg-brand-600 hover:bg-brand-800 text-white h-[40px] rounded-full px-[14px] py-[10px] inline-flex gap-1.5 items-center shadow-xs text-base"
              :href="formatUrl(headerComponent.primary_button.url)"
              v-if="headerComponent.primary_button.show"
              :target="headerComponent.primary_button.open_in_new_tab ? '_blank' : ''">

package/src/components/presenters/modules/TwoColumnsImageContent.vue

@@ -33,15 +33,15 @@
             }">
               <template v-if="item.title">
                 <div v-if="item?.icon"
-                     class="max-w-[48px] min-w-[48px] w-full h-[48px] bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center">
+                     class="max-w-[48px] w-full max-h-[48px] h-full bg-brand-100 border-[8px] border-brand-50 rounded-full flex items-center justify-center">
                   <IconComponent :icon="item.icon" icon-classes="w-5 h-5 text-brand-600"></IconComponent>
                 </div>
                 <div class="max-w-[324px] ql-editor" :class="{'max-w-full': featureItemsComponent?.has_background}">
                   <h3 class="font-semibold text-[20px] text-gray-900">{{ item.title }}</h3>
-                  <p class="mt-2 text-md font-normal text-gray-600 leading-[24px]" v-html="item.supporting_text ?? item.description"></p>
+                  <p class=" mt-2 text-md font-normal text-gray-600 leading-[24px]" v-html="item.supporting_text ?? item.description"></p>
                   <a
                       v-if="item?.primary_button?.show"
-                      class="text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4"
+                      class="cursor-pointer text-brand-700 inline-flex gap-1.5 items-center font-semibold text-base mt-4"
                       :href="formatUrl(item.primary_button.url)"
                       :target="item.primary_button.open_in_new_tab ? '_blank' : ''">
                     {{ item.primary_button.label }}