libreria-astro-lefebvre 0.0.24 → 0.0.26

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.24",
3
+ "version": "0.0.26",
4
4
  "description": "Librería de componentes Astro, React y Vue para Lefebvre",
5
5
  "author": "Equipo web desarrollo Lefebvre",
6
6
  "type": "module",
@@ -40,7 +40,7 @@ const {
40
40
 
41
41
  ---
42
42
 
43
- <section class="w-full flex pb-12">
43
+ <section class="w-full flex pb-2">
44
44
  <div class="max-w-7xl w-full mx-auto flex gap-2 bg-white text-[#363942] px-6 md:px-2 py-2 text-[14px]">
45
45
  <a href={subdirectory + '/'}><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
46
46
  <path fill-rule="evenodd" clip-rule="evenodd" d="M11.607 2.26475C11.1639 2.32582 10.6509 2.48899 10.1624 2.72428C9.60055 2.99492 9.00859 3.34706 6.66084 4.80718C4.31852 6.26394 3.93572 6.53182 3.40193 7.08788C2.90464 7.60592 2.64374 8.07514 2.46575 8.77158C2.28122 9.49354 2.26758 9.74391 2.2535 12.6665C2.24172 15.1104 2.25893 16.3111 2.31649 17.061C2.44485 18.7333 2.80188 19.7175 3.55237 20.4678C4.28974 21.2051 5.2235 21.5501 6.83418 21.6806C7.50612 21.735 8.61888 21.75 11.9999 21.75C15.3809 21.75 16.4937 21.735 17.1656 21.6806C18.7575 21.5516 19.699 21.2081 20.4254 20.4911C20.9976 19.9264 21.341 19.2288 21.5307 18.2464C21.724 17.2457 21.7637 16.2126 21.7463 12.6447C21.7321 9.7458 21.7182 9.49232 21.534 8.77158C21.356 8.07514 21.0951 7.60592 20.5979 7.08788C20.0641 6.53182 19.6813 6.26394 17.3389 4.80718C14.9942 3.34893 14.4021 2.99663 13.8362 2.72324C13.4707 2.54669 13.003 2.3831 12.6586 2.3114C12.3947 2.25643 11.8444 2.23204 11.607 2.26475ZM11.6269 3.73267C11.5426 3.74947 11.3777 3.79614 11.2605 3.83636C10.6997 4.02896 10.2326 4.29571 7.66624 5.88901C5.52292 7.21964 5.04514 7.53681 4.65608 7.88712C3.98123 8.49478 3.78607 9.00003 3.72514 10.2972C3.69616 10.9139 3.69657 15.5359 3.72565 16.2378C3.80342 18.1147 4.03097 18.9336 4.63227 19.501C5.0201 19.867 5.59984 20.0807 6.49905 20.189C7.24869 20.2793 7.46553 20.283 11.9999 20.283C16.5343 20.283 16.7511 20.2793 17.5007 20.189C19.2668 19.9762 19.925 19.3378 20.1684 17.6016C20.2815 16.7945 20.3028 15.9639 20.291 12.8283C20.284 10.9976 20.272 10.0331 20.254 9.86956C20.1456 8.88351 19.9347 8.41609 19.3684 7.90674C18.9506 7.53089 18.535 7.25522 16.2312 5.82558C13.7693 4.29779 13.2896 4.02434 12.7476 3.83985C12.3354 3.69954 11.9691 3.6645 11.6269 3.73267Z" fill="#363942"/>
@@ -98,7 +98,7 @@ const categories = [
98
98
 
99
99
  <div class="flex items-center gap-4">
100
100
  <div class="flex items-center gap-4">
101
- <a href={url} class="h-[48px] px-5 py-3 font-inter font-semibold text-base border-1 border-[#2134F1] text-[#2134F1] hover:text-[#ffffff] hover:border-[#2134F1] hover:bg-[#2134F1] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
101
+ <a href={url} class="h-[48px] max-[375px]:px-2 px-5 py-3 font-inter font-semibold max-[375px]:text-sm text-base border-1 border-[#2134F1] text-[#2134F1] hover:text-[#ffffff] hover:border-[#2134F1] hover:bg-[#2134F1] transition-all duration-300 rounded-lg cursor-pointer shadow-sm">{label}</a>
102
102
  </div>
103
103
  <button onclick="document.getElementById('navbar-default').classList.toggle('hidden'); event.target.classList.toggle('bg-gray-50');"
104
104
  type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100
@@ -12,7 +12,9 @@ const {
12
12
  showBtn = false,
13
13
  showIco = false,
14
14
  showImage = true,
15
- paddingLeft = ''
15
+ paddingLeft = '',
16
+ fontSize = 'base',
17
+ alignItems = 'start',
16
18
  } = Astro.props;
17
19
 
18
20
 
@@ -21,7 +23,7 @@ const {
21
23
  <section class="w-full flex items-center justify-center">
22
24
  {showImage ? (
23
25
  <article class={`${width === 'full' ? 'w-full' : 'w-3/5'} flex flex-col items-center justify-center py-6`}>
24
- <div class={`flex-col lg:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-4/5 items-start gap-4`}>
26
+ <div class={`flex-col lg:flex ${orientation === 'left' ? 'flex-row' : 'flex-row-reverse'} w-4/5 items-${alignItems} gap-6`}>
25
27
  {showIco ? (
26
28
  <div class={`flex ${flexOrientation === 'row' ? 'flex-row' : 'flex-col'} w-1/2`}>
27
29
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-[30px]">
@@ -42,7 +44,7 @@ const {
42
44
  )
43
45
  }
44
46
  <div
45
- class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
47
+ class={`text-[#363942] font-inter font-normal text-${fontSize} not-italic leading-[24px] flex flex-col gap-4 mb-8`}
46
48
  set:html={description}
47
49
  />
48
50
  {showBtn ? (
@@ -77,7 +79,7 @@ const {
77
79
  )
78
80
  }
79
81
  <div
80
- class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px] flex flex-col gap-4 mb-8"
82
+ class={`text-[#363942] font-inter font-normal text-${fontSize} not-italic leading-[24px] flex flex-col gap-4 mb-8`}
81
83
  set:html={description}
82
84
  />
83
85
  {showBtn ? (
@@ -92,7 +94,7 @@ const {
92
94
  )}
93
95
 
94
96
  <div class={`w-full lg:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
95
- <img src={image} alt={title} class="w-full lg:w-4/5 h-auto rounded-lg" />
97
+ <img src={image} alt={title} class="w-full h-auto rounded-lg" />
96
98
  </div>
97
99
  </div>
98
100
  </article>
@@ -18,7 +18,7 @@ const {
18
18
  ---
19
19
 
20
20
  <article class={`${positionFlex === 'items-center' ? 'items-center' : 'items-start'} flex flex-col justify-center mb-4`}>
21
- <div class={`flex ${flexOrientationBlockIcoText} items-center flex-wrap px-6`}>
21
+ <div class={`flex ${flexOrientationBlockIcoText} items-center items-start flex-wrap px-6`}>
22
22
  {items.map(item => (
23
23
  <Repetidor_2025_Cordoba
24
24
  title={item.title}
@@ -49,14 +49,14 @@ const structuredData = `<script type="application/ld+json">
49
49
  ---
50
50
 
51
51
 
52
- <section class="w-full flex items-center justify-center py-2">
52
+ <section class="w-full flex items-center justify-center">
53
53
  <article class="w-full flex flex-col items-center justify-center">
54
- <div class="w-full px-6 md:max-w-7xl px-[48px] col my-[0px] md:my-[40px]">
54
+ <div class="w-full px-6 md:max-w-7xl px-[24px] md:px-[48px] col my-[0px] md:my-[40px]">
55
55
  {items.map((item, index) => (
56
56
  <div class="w-full flex flex-col lg:flex-row flex-1 gap-[48px]">
57
57
  <div class="w-full flex flex-col justify-center">
58
- <h3 class="text-[28px] md:text-[32px] leading-[36px] mb-[8px] text-[#363942] font-normal not-italic font-poppins">{item.title}</h3>
59
- <p class="text-[#363942] font-poppins font-normal text-[20px] not-italic leading-[28px]" set:html={item.description}></p>
58
+ <h3 class="text-[28px] md:text-[32px] leading-[36px] mb-[32px] text-[#262626] font-normal not-italic font-poppins" set:html={item.title}></h3>
59
+ <p class="text-[#363942] font-inter font-normal text-base not-italic leading-[24px]" set:html={item.description}></p>
60
60
  </div>
61
61
  <div class="w-full lg:w-2/2 flex items-start">
62
62
  {/* <img src="/assets/images/genial/gradient-bg.webp" alt="Imagen" class="w-full h-auto rounded-xl" /> */}