libreria-astro-lefebvre 0.0.37 → 0.0.38
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
|
@@ -16,7 +16,7 @@ const {
|
|
|
16
16
|
imageModal = '',
|
|
17
17
|
altModal = '',
|
|
18
18
|
titleModal = '',
|
|
19
|
-
subtitleModal = '',
|
|
19
|
+
// subtitleModal = '',
|
|
20
20
|
descriptionModal = '',
|
|
21
21
|
lf2FormTitle = '',
|
|
22
22
|
|
|
@@ -27,6 +27,16 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
27
27
|
|
|
28
28
|
---
|
|
29
29
|
|
|
30
|
+
<style is:global>
|
|
31
|
+
.font-inter ul {
|
|
32
|
+
list-style: disc;
|
|
33
|
+
padding-left: 32px;
|
|
34
|
+
}
|
|
35
|
+
.modal-guia {
|
|
36
|
+
scrollbar-width: thin;
|
|
37
|
+
}
|
|
38
|
+
</style>
|
|
39
|
+
|
|
30
40
|
<article id={`article-${randomId}`} class="w-full flex flex-col pb-4 mb-4 items-center justify-center border-0 md:border-b-1 border-b-[#B6B7BB]" style={bottomBorder ? '' : 'border-bottom: none;'} >
|
|
31
41
|
<div class={`flex-col flex md:${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} items-center gap-4 mb-8 md:mb-0`}>
|
|
32
42
|
<div class="w-full md:w-1/2 p-4 flex flex-col flex-wrap ">
|
|
@@ -49,19 +59,19 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
49
59
|
|
|
50
60
|
</article>
|
|
51
61
|
|
|
52
|
-
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-[48px] top-0 left-0 z-9999 hidden bg-gray-100/90">
|
|
53
|
-
<div class="flex flex-col
|
|
62
|
+
<div id={`teruel-popup-modal-${randomId}`} class="fixed w-full h-full pt-[48px] top-0 left-0 z-9999 hidden bg-gray-100/90 flex items-center justify-center">
|
|
63
|
+
<div class="flex flex-col w-full md:w-4/5 max-w-[1000px] max-h-[calc(100vh-96px)] m-auto p-4 rounded-2xl bg-white shadow-lg border border-[#B6B7BB] overflow-y-auto modal-guia">
|
|
54
64
|
<div class="w-full flex justify-end">
|
|
55
65
|
<button id={`js-close-teruel-popup-${randomId}`} class="js-close-popup w-auto transition-transform hover:scale-125 cursor-pointer">X</button>
|
|
56
66
|
</div>
|
|
57
|
-
<div class="w-full h-full flex flex-col
|
|
58
|
-
<div class="w-full
|
|
67
|
+
<div class="w-full h-full flex flex-col lg:flex-row items-start justify-center gap-8">
|
|
68
|
+
<div class="w-full lg:w-1/3 flex justify-center items-center p-0 lg:p-4 mt-[32px] lg:mt-0">
|
|
59
69
|
<img src={imageModal} alt={altModal} class="w-fit" />
|
|
60
70
|
</div>
|
|
61
|
-
<div class="w-full
|
|
62
|
-
<h2 class="font-poppins text-[#262626] text-[28px]
|
|
63
|
-
<h3 class="font-poppins text-[#262626] text-[20px]
|
|
64
|
-
<div class="font-inter text-base font-normal leading-[24px]" set:html={descriptionModal} />
|
|
71
|
+
<div class="w-full lg:w-2/3">
|
|
72
|
+
<h2 class="font-poppins text-[#262626] text-[28px] lg:text-[32px] font-normal text-left leading-[40px] mb-[32px]">{titleModal}</h2>
|
|
73
|
+
<!-- <h3 class="font-poppins text-[#262626] text-[20px] lg:text-[24px] font-semibold text-left leading-[32px] mb-[8px]">{subtitleModal}</h3> -->
|
|
74
|
+
<div class="font-inter text-base font-normal leading-[24px] mb-[32px]" set:html={descriptionModal} />
|
|
65
75
|
<div id={`lf2-form-container-${randomId}`} class="w-full">
|
|
66
76
|
<!--FORMULARIO -->
|
|
67
77
|
</div>
|
|
@@ -122,4 +132,5 @@ const randomId = Math.floor(Math.random() * 1000);
|
|
|
122
132
|
});
|
|
123
133
|
});
|
|
124
134
|
|
|
125
|
-
</script>
|
|
135
|
+
</script>
|
|
136
|
+
|