@myissue/vue-website-page-builder 3.4.5 → 3.4.7
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
|
@@ -28,7 +28,7 @@ watchEffect(() => {
|
|
|
28
28
|
const doc = iframe.contentWindow.document
|
|
29
29
|
doc.open()
|
|
30
30
|
doc.write(
|
|
31
|
-
`<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div id="
|
|
31
|
+
`<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div id="pagebuilder" class="pbx-font-sans pbx-text-black">${htmlPage.value}</div></body></html>`,
|
|
32
32
|
)
|
|
33
33
|
doc.close()
|
|
34
34
|
|
|
@@ -46,7 +46,7 @@ watchEffect(() => {
|
|
|
46
46
|
<div
|
|
47
47
|
class="pbx-text-black pbx-w-full pbx-inset-x-0 pbx-h-[90vh] pbx-bg-white pbx-overflow-x-scroll lg:pbx-pt-2 pbx-pt-2"
|
|
48
48
|
>
|
|
49
|
-
<div id="
|
|
49
|
+
<div id="pagebuilder">
|
|
50
50
|
<div class="" v-html="htmlPage"></div>
|
|
51
51
|
</div>
|
|
52
52
|
</div>
|
package/src/css/style.css
CHANGED
|
@@ -468,9 +468,9 @@
|
|
|
468
468
|
|
|
469
469
|
.pbx-myPrimaryInput,
|
|
470
470
|
.pbx-myPrimarySelect {
|
|
471
|
+
box-sizing: border-box;
|
|
471
472
|
border: 1px solid #e9e9e9;
|
|
472
473
|
padding: 0.40625rem 0.625rem;
|
|
473
|
-
padding-right: 1.75rem;
|
|
474
474
|
font-size: 0.875rem;
|
|
475
475
|
border-radius: 0.5rem;
|
|
476
476
|
cursor: pointer;
|
|
@@ -492,43 +492,26 @@
|
|
|
492
492
|
.pbx-myPrimarySelect:focus {
|
|
493
493
|
--tw-ring-inset: inset;
|
|
494
494
|
--tw-ring-opacity: 1;
|
|
495
|
-
/* Use the hex color with opacity variable */
|
|
496
495
|
--tw-ring-color: rgba(22, 163, 74, var(--tw-ring-opacity, 1));
|
|
497
|
-
|
|
498
496
|
--tw-ring-shadow: 0 0 0 4px var(--tw-ring-color);
|
|
499
|
-
|
|
500
497
|
--tw-ring-offset-width: 2px;
|
|
501
498
|
--tw-ring-offset-color: white;
|
|
502
499
|
--tw-ring-offset-shadow: 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
503
|
-
|
|
504
500
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow);
|
|
505
501
|
border: 1px #dee6f0 solid;
|
|
506
502
|
}
|
|
507
503
|
|
|
504
|
+
.pbx-myPrimaryInput:focus-visible,
|
|
505
|
+
.pbx-myPrimarySelect:focus-visible {
|
|
506
|
+
outline: none;
|
|
507
|
+
}
|
|
508
|
+
|
|
508
509
|
#pagebuilder-right-menu hr {
|
|
509
510
|
border: none;
|
|
510
511
|
height: 1px;
|
|
511
512
|
background: oklch(93.6% 0.032 17.717);
|
|
512
513
|
box-shadow: oklch(93.6% 0.032 17.717);
|
|
513
514
|
}
|
|
514
|
-
#page-builder-wrapper blockquote,
|
|
515
|
-
#page-builder-wrapper dl,
|
|
516
|
-
#page-builder-wrapper dd,
|
|
517
|
-
#page-builder-wrapper pre,
|
|
518
|
-
#page-builder-wrapper hr,
|
|
519
|
-
#page-builder-wrapper figure,
|
|
520
|
-
#page-builder-wrapper p,
|
|
521
|
-
#page-builder-wrapper h1,
|
|
522
|
-
#page-builder-wrapper h2,
|
|
523
|
-
#page-builder-wrapper h3,
|
|
524
|
-
#page-builder-wrapper h4,
|
|
525
|
-
#page-builder-wrapper h5,
|
|
526
|
-
#page-builder-wrapper h6,
|
|
527
|
-
#page-builder-wrapper ul,
|
|
528
|
-
#page-builder-wrapper ol,
|
|
529
|
-
#page-builder-wrapper li {
|
|
530
|
-
margin: 0;
|
|
531
|
-
}
|
|
532
515
|
|
|
533
516
|
#page-builder-editor ol,
|
|
534
517
|
#pagebuilder ol,
|
|
@@ -553,3 +536,48 @@
|
|
|
553
536
|
list-style: none;
|
|
554
537
|
padding: 0;
|
|
555
538
|
}
|
|
539
|
+
|
|
540
|
+
/* Page Builder Start*/
|
|
541
|
+
#pagebuilder input,
|
|
542
|
+
#pagebuilder button,
|
|
543
|
+
#pagebuilder textarea,
|
|
544
|
+
#pagebuilder select {
|
|
545
|
+
font: inherit;
|
|
546
|
+
color: inherit;
|
|
547
|
+
background: none;
|
|
548
|
+
border: none;
|
|
549
|
+
padding: 0;
|
|
550
|
+
margin: 0;
|
|
551
|
+
}
|
|
552
|
+
#pagebuilder blockquote,
|
|
553
|
+
#pagebuilder dl,
|
|
554
|
+
#pagebuilder dd,
|
|
555
|
+
#pagebuilder pre,
|
|
556
|
+
#pagebuilder hr,
|
|
557
|
+
#pagebuilder figure,
|
|
558
|
+
#pagebuilder p,
|
|
559
|
+
#pagebuilder h1,
|
|
560
|
+
#pagebuilder h2,
|
|
561
|
+
#pagebuilder h3,
|
|
562
|
+
#pagebuilder h4,
|
|
563
|
+
#pagebuilder h5,
|
|
564
|
+
#pagebuilder h6,
|
|
565
|
+
#pagebuilder ul,
|
|
566
|
+
#pagebuilder ol,
|
|
567
|
+
#pagebuilder li {
|
|
568
|
+
margin: 0;
|
|
569
|
+
font-weight: inherit;
|
|
570
|
+
}
|
|
571
|
+
|
|
572
|
+
#pagebuilder input,
|
|
573
|
+
#pagebuilder button,
|
|
574
|
+
#pagebuilder textarea,
|
|
575
|
+
#pagebuilder select {
|
|
576
|
+
font: inherit;
|
|
577
|
+
color: inherit;
|
|
578
|
+
background: none;
|
|
579
|
+
border: none;
|
|
580
|
+
padding: 0;
|
|
581
|
+
margin: 0;
|
|
582
|
+
}
|
|
583
|
+
/* Page Builder End*/
|