@myissue/vue-website-page-builder 3.0.31 → 3.0.32

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@myissue/vue-website-page-builder",
3
- "version": "v3.0.31",
3
+ "version": "v3.0.32",
4
4
  "description": "🚧 DEVELOPMENT VERSION - Vue.js page builder component with drag & drop functionality. Not ready for production use.",
5
5
  "type": "module",
6
6
  "main": "./dist/vue-website-page-builder.umd.cjs",
@@ -354,7 +354,7 @@ onMounted(async () => {
354
354
  "
355
355
  class="h-10 w-10 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0"
356
356
  >
357
- <span class="myMediumIcon material-symbols-outlined"> add </span>
357
+ <span class="myMediumIcon material-symbols-outlined"> interests </span>
358
358
  </button>
359
359
  </div>
360
360
  <div @click.self="pageBuilderStateStore.setComponent(null)">
@@ -399,12 +399,13 @@ onMounted(async () => {
399
399
  "
400
400
  >
401
401
  <div class="flex items-center justify-center gap-2">
402
- <span class="lg:block hidden"> Add new Component </span>
403
-
402
+ <span class="lg:block hidden">
403
+ <div>Add new Elements</div>
404
+ </span>
404
405
  <span
405
406
  class="h-10 w-10 cursor-pointer rounded-full flex items-center border-none justify-center bg-gray-50 aspect-square hover:bg-myPrimaryLinkColor hover:text-white focus-visible:ring-0"
406
407
  >
407
- <span class="myMediumIcon material-symbols-outlined"> add </span>
408
+ <span class="myMediumIcon material-symbols-outlined"> interests </span>
408
409
  </span>
409
410
  </div>
410
411
  </button>
@@ -471,25 +472,27 @@ onMounted(async () => {
471
472
 
472
473
  <!-- Add Component # start -->
473
474
  <div
474
- class="rounded-lg border-2 border-dashed border-gray-300 p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 my-12 mx-8"
475
+ @click="
476
+ () => {
477
+ pageBuilderStateStore.setComponentArrayAddMethod('push')
478
+ handleAddComponent()
479
+ }
480
+ "
481
+ class="hover:bg-gray-100 rounded-lg border border-gray-200 p-12 text-center hover:border-gray-400 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 my-12 mx-8 cursor-pointer"
475
482
  >
476
- <h3 class="mt-2 text-sm font-medium text-gray-900">Add Components</h3>
477
- <p class="mt-1 text-sm text-gray-500">
478
- Get started by adding components using the drag & drop Page Builder.
479
- </p>
483
+ <div class="flex items-center justify-center gap-2 font-medium cursor-pointer">
484
+ <span class="lg:block hidden">
485
+ <div>Add new Elements</div>
486
+ </span>
487
+ </div>
488
+
480
489
  <div class="mt-6 flex items-center gap-2 justify-center">
481
490
  <button
482
- @click="
483
- () => {
484
- pageBuilderStateStore.setComponentArrayAddMethod('push')
485
- handleAddComponent()
486
- }
487
- "
488
491
  type="button"
489
492
  class="myPrimaryButton flex items-center gap-2 justify-center"
490
493
  >
491
- <span class="myMediumIcon material-symbols-outlined"> add </span>
492
- Add component
494
+ <span class="myMediumIcon material-symbols-outlined"> interests </span>
495
+ Add new Elements
493
496
  </button>
494
497
  </div>
495
498
  </div>