libreria-astro-lefebvre 0.0.43 → 0.0.44

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.44",
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>
@@ -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
 
@@ -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">
@@ -52,7 +53,10 @@ const structuredData = `<script type="application/ld+json">
52
53
  : <p>{title}</p>
53
54
  }
54
55
  {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>
56
+ <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>
57
+ )}
58
+ {subdescription && subdescription.trim() !== "" && (
59
+ <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
60
  )}
57
61
  </div>
58
62