libreria-astro-lefebvre 0.0.43 → 0.0.45

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": "libreria-astro-lefebvre",
3
- "version": "0.0.43",
3
+ "version": "0.0.45",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -23,7 +23,7 @@ const {
23
23
  <section class="w-full flex items-center justify-center">
24
24
  {showImage ? (
25
25
  <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center py-6`}>
26
- <div class={`flex-col lg:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-4/5 items-${alignItems} gap-6`}>
26
+ <div class={`flex-col lg:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full md:w-4/5 items-${alignItems} gap-6`}>
27
27
  {showIco ? (
28
28
  <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2`}>
29
29
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
@@ -73,7 +73,7 @@ const {
73
73
  <div class={`w-full lg:w-1/2 p-4 pr-4 ${orientation === 'left' ? 'css-mq-pl-767' : 'pr-[var(--padding-left)] pl-0' }`}
74
74
  style={{ 'padding-left': `${paddingLeft}px` }}>
75
75
  {showH2 ? (
76
- <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] font-semibold not-italic" set:html={title}></h2>
76
+ <h2 class="text-[2.25em] md:text-[2.5em] font-poppins leading-[44px] md:leading-[48px] mb-[23px] text-[#262626] text-base not-italic" set:html={title}></h2>
77
77
  ) : (
78
78
  <h1 class="font-poppins text-[#262626] text-[36px] md:text-[56px] font-normal text-left leading-[44px] md:leading-[64px] px-6 pl-0 mb-48px md:my-[48px]" set:html={title}></h1>
79
79
  )
@@ -93,8 +93,8 @@ const {
93
93
 
94
94
  )}
95
95
 
96
- <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
97
- <img src={image} alt={title} class="w-full h-auto rounded-lg" />
96
+ <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'} aspect-square`}>
97
+ <img src={image} alt={title} class="w-[100%] h-[100%] object-cover rounded-lg" />
98
98
  </div>
99
99
  </div>
100
100
  </article>
@@ -53,7 +53,7 @@ const structuredData = `<script type="application/ld+json">
53
53
  <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
54
54
  <div class="w-full md:w-1/3 flex justify-start mb-8 flex-col">
55
55
  <h2 class="w-[300px] sm:w-auto font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap">{title}</h2>
56
- <p class="text-[#363942]">{description}</p>
56
+ <p class="text-[#363942] font-poppins text-xl">{description}</p>
57
57
  </div>
58
58
  <div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
59
59
  <div id={idTargetLf2} class="w-full flex flex-col mx-auto gap-3"></div>
@@ -45,7 +45,7 @@ const {
45
45
 
46
46
  {showDescription ? (
47
47
  <h3 class={`text-[${color === '#ffffff' ? '#ffffff' : color}] font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] mb-[32px]`} set:html={title}></h3>
48
- <div class="text-[#ffffff] font-inter text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
48
+ <div class="text-[#ffffff] font-poppins text-xl font-normal leading-[28px] mb-8 text-center" set:html={description}></div>
49
49
  ) :
50
50
  <h3 class={`text-[${color === 'default' ? '#ffffff' : color}] font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] mb-[0px]`} set:html={title}></h3>}
51
51
 
@@ -29,7 +29,7 @@ const {
29
29
  <div class="w-full md:w-1/3 content-center flex flex-col flex-wrap h-full text-[#262626] nth-of-type-2:p-4 nth-of-type-2:border nth-of-type-2:border-y-1 nth-of-type-2:border-x-0 md:nth-of-type-2:border md:nth-of-type-2:border-x-1 md:nth-of-type-2:border-y-0 ">
30
30
  <p class="text-[40px] md:text-[56px] text-center leading-[48px] md:leading-[64px] mb-[16px] font-poppins font-semibold">{item.title}</p>
31
31
  <p
32
- class="text-xl text-center font-inter font-normal leading-[28px] flex flex-col gap-4"
32
+ class="text-xl text-center font-poppins font-xl leading-[28px] flex flex-col gap-4"
33
33
  set:html={item.description}></p>
34
34
  </div>
35
35
  ))}
@@ -6,7 +6,8 @@ const {
6
6
  description = "",
7
7
  tipo = "",
8
8
  descriptionWidth = "1/3", // 1/3 3/5 full
9
- flexJustify = "justify-center"
9
+ flexJustify = "justify-center",
10
+ subdescription = "",
10
11
  } = Astro.props;
11
12
 
12
13
  const structuredData = `<script type="application/ld+json">
@@ -44,6 +45,7 @@ const structuredData = `<script type="application/ld+json">
44
45
  : tipo === "h1-40-left" ? <h1 class="font-poppins text-[#262626] text-[40px] font-normal text-left leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h1>
45
46
  : tipo === "h2" ? <h2 class="font-poppins text-[#262626] text-[36px] md:text-[40px] font-normal text-center leading-[48px] my-[32px] md:mb-[32px]" set:html={title}></h2>
46
47
  : tipo === "h2-mb64" ? <h2 class="font-poppins text-[#262626] text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] p-6 md:p-2 md:pb-6 mb-[0]" set:html={title}></h2>
48
+ : tipo === "h2-mb64-max900" ? <h2 class="font-poppins text-[#262626] text-[36px] md:text-[40px] max-w-[900px] font-normal text-center leading-[44px] md:leading-[48px] p-6 md:p-2 md:pb-6 mb-[0]" set:html={title}></h2>
47
49
  : tipo === "h3" ? <h3 class="font-poppins text-[#262626] text-[24px] font-semibold text-center leading-[32px] mb-[8px]" set:html={title}></h3>
48
50
  : tipo === "h3-mb32" ? <h3 class="font-poppins text-[#262626] text-[32px] font-normal text-left leading-[40px] mb-[32px]" set:html={title}></h3>
49
51
  : tipo === "h4" ? <h4 class="font-poppins text-[#262626] text-center" set:html={title}></h4>
@@ -52,7 +54,10 @@ const structuredData = `<script type="application/ld+json">
52
54
  : <p>{title}</p>
53
55
  }
54
56
  {description && description.trim() !== "" && (
55
- <div class={`w-full md:w-${descriptionWidth} text-[#363942] mx-auto font-inter text-base font-normal leading-[28px] mb-8 text-center`} set:html={description}></div>
57
+ <div class={`w-full md:w-${descriptionWidth} text-[#363942] mx-auto max-w-[850px] font-inter text-base font-normal leading-[28px] mb-8 text-center`} set:html={description}></div>
58
+ )}
59
+ {subdescription && subdescription.trim() !== "" && (
60
+ <div class={`w-full md:w-${descriptionWidth} text-[#363942] mx-auto max-w-[850px] font-poppins text-xl font-normal leading-[28px] mb-8 text-center`} set:html={subdescription}></div>
56
61
  )}
57
62
  </div>
58
63