libreria-astro-lefebvre 0.0.12 → 0.0.14

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.12",
3
+ "version": "0.0.14",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -32,7 +32,7 @@ const idTargetLf2 = 'lf2-form-' + Math.random().toString(36).substring(2, 15);
32
32
  <article class="flex flex-col items-center justify-center">
33
33
  <div class={`flex-col md:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-full items-start gap-4 justify-center`}>
34
34
  <div class="w-full md:w-1/3 flex justify-start mb-8 flex-col">
35
- <p class="font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap">{title}</p>
35
+ <p class="w-[300px] sm:w-auto font-poppins text-[#262626] text-[32px] font-semibold text-left leading-[40px] mb-[16px] text-wrap">{title}</p>
36
36
  <p>{description}</p>
37
37
  </div>
38
38
  <div class={`w-full md:w-1/2 p-0 md:p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
@@ -32,7 +32,7 @@ const randomId = Math.floor(Math.random() * 1000);
32
32
  <div class="w-full ">
33
33
  <div id={carouselId} class="glider w-full">
34
34
  {items.map((item, idx) => (
35
- <div class="p-10 bg-white">
35
+ <div class="flex p-10 bg-white">
36
36
  {item.iframeSrc ? (
37
37
  <div class="w-full">
38
38
  <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
@@ -9,11 +9,11 @@ const randomId = Math.floor(Math.random() * 1000);
9
9
  <div class="max-w-7xl w-full flex flex-row flex-wrap items-center justify-center">
10
10
  <div class="w-full flex flex-row flex-wrap items-center justify-center">
11
11
  {items.map(item => (
12
- <article class="w-full md:w-1/3 h-full aspect-video relative">
13
- <span class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
12
+ <article class="w-full md:w-1/3 h-full mb-4 md:mb-0 relative">
13
+ <p class={`popup-iframe-trigger-${randomId} cursor-pointer`} data-iframesrc={item.iframeSrc}>
14
14
  <img src={item.imageSrc} class="w-full h-full rounded-xl p-2 transition-transform hover:scale-105 cursor-pointer"/>
15
- </span>
16
- <p set:html={item.description} class="text-[14px] text-center font-poppins"></p>
15
+ </p>
16
+ <p set:html={item.description} class="text-[14px] text-center font-semibold"></p>
17
17
  </article>
18
18
  ))}
19
19
  </div>
@@ -9,7 +9,7 @@ const {
9
9
  } = Astro.props;
10
10
 
11
11
  ---
12
- <article class="w-full flex flex-col md:flex-row text-center items-center justify-center p-12 bg-cover bg-[url(src/assets/images/genial/ico-shield.webp)] bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl">
12
+ <article class="w-full flex flex-col md:flex-row text-center items-center justify-center p-12 bg-cover bg-[url(https://assets.lefebvre.es/media/icons-2/png/icon-shield-228x248.png)] bg-[#F5F6FA] bg-no-repeat bg-position-[center_center] md:bg-auto md:bg-position-[-60px_center] rounded-2xl">
13
13
  <div class="w-full md:w-2/3 flex flex-col text-left p-0 mb-4 md:pl-[140px]">
14
14
  <h2 class="text-[28px] md:text-[2em] leading-[36px] md:leading-[46px] mb-[16px] font-poppins text-[#262626] font-normal">{title}</h2>
15
15
  <div class="max-w-[900px] text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8">
@@ -10,9 +10,9 @@ const idAccordion = 'js-acordeon-' + Math.random().toString(36).substring(2, 15)
10
10
  ---
11
11
 
12
12
 
13
- <section class="w-full flex items-center justify-center py-[80px]">
13
+ <section class="w-full flex items-center justify-center py-2 md:py-[80px]">
14
14
  <article class="w-full flex flex-col items-center justify-center">
15
- <div class="w-2/5 flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px] mb-[48px]">
15
+ <div class="w-2/5 flex justify-center items-center relative text-[56px] text-center font-poppins font-normal leading-[64px] mb-0 md:mb-[48px]">
16
16
  <!-- <div class="flex bg-[#001978]/4 border border-[#B6B7BB] rounded-lg"> -->
17
17
  <div class="flex gap-1 md:gap-8 items-center">
18
18
  {items.map((item, index) => (
@@ -11,8 +11,8 @@ const {
11
11
 
12
12
  <div class={`w-full md:w-3/5 max-w-auto md:w-full flex ${flexJustify === 'justify-center' ? 'justify-center' : 'justify-start'} flex-col px-4`}>
13
13
  {
14
- tipo === "h1" ? <h1 class="font-poppins text-[36px] md:text-[56px] font-normal text-center leading-[44px] md:leading-[64px] px-6 my-4 md:my-[48px]" set:html={title}></h1>
15
- : tipo === "h1-home" ? <h1 class="font-poppins text-[56px] font-normal text-center leading-[64px] mb-[0] md:mb-[64px] md:mt-[80px]" set:html={title}></h1>
14
+ tipo === "h1" ? <h1 class="font-poppins text-[36px] md:text-[56px] font-normal text-center leading-[44px] md:leading-[64px] px-6 md:my-[48px]" set:html={title}></h1>
15
+ : tipo === "h1-home" ? <h1 class="font-poppins text-[36px] md:text-[56px] font-normal text-center leading-[44px] md:leading-[64px] mb-[0] md:mb-[64px] mt-[32px] md:mt-[80px]" set:html={title}></h1>
16
16
  : tipo === "h1-40" ? <h1 class="font-poppins text-[40px] font-normal text-center leading-[48px] mb-[0] md:mb-[32px]" set:html={title}></h1>
17
17
  : tipo === "h2" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[48px] mb-[48px] md:mb-[32px]" set:html={title}></h2>
18
18
  : tipo === "h2-mb64" ? <h2 class="font-poppins text-[36px] md:text-[40px] font-normal text-center leading-[44px] md:leading-[48px] p-6 mb-[0]" set:html={title}></h2>