libreria-astro-lefebvre 0.2.2 → 0.2.4
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
|
@@ -77,7 +77,7 @@ const structuredData = `<script type="application/ld+json">
|
|
|
77
77
|
<h2 class="w-[300px] sm:w-auto font-heading text-[#1b1b1b] text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold text-left mb-4 text-wrap">{title}</h2>
|
|
78
78
|
<p class="text-[#403830] font-heading text-xl leading-7">{description}</p>
|
|
79
79
|
</div>
|
|
80
|
-
<div class={`w-full md:w-1/2 p-
|
|
80
|
+
<div class={`w-full md:w-1/2 p-4 flex items-center rounded-2xl border border-[#e1c8b4] bg-white shadow-[0_2px_4px_-2px_rgba(107,58,8,0.08),0_4px_8px_-2px_rgba(107,58,8,0.04)] ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
81
81
|
{forceSkeleton ? (
|
|
82
82
|
<div class="w-full flex flex-col mt-4 mx-auto gap-6 animate-pulse">
|
|
83
83
|
<div class="h-6 w-2/3 bg-[#ebe7da] rounded"></div>
|
|
@@ -57,7 +57,7 @@ const forceSkeleton = !lf2FormTitle;
|
|
|
57
57
|
)}
|
|
58
58
|
</div>
|
|
59
59
|
<div class={`w-full md:w-1/2 p-4 flex items-center ${orientation === 'left' ? 'justify-end' : 'justify-start'}`}>
|
|
60
|
-
<img src={imageSrcUrl} alt={title} width="300" height="400" class="w-full md:w-1/2 rounded-2xl" loading="lazy"/>
|
|
60
|
+
<img src={imageSrcUrl} alt={title} width="300" height="400" class="w-full md:w-1/2 rounded-2xl border border-[#e1c8b4] bg-white shadow-[0_2px_4px_-2px_rgba(107,58,8,0.08),0_4px_8px_-2px_rgba(107,58,8,0.04)]" loading="lazy"/>
|
|
61
61
|
</div>
|
|
62
62
|
</div>
|
|
63
63
|
|
|
@@ -9,13 +9,14 @@ const {
|
|
|
9
9
|
color: rawColor = "#1b1b1b",
|
|
10
10
|
} = Astro.props;
|
|
11
11
|
const color = rawColor?.toLowerCase() === '#262626' ? '#1b1b1b' : (rawColor ?? '#1b1b1b'); // valor guardado con el color por defecto antiguo
|
|
12
|
+
const hasCategoria = !!categoria?.trim();
|
|
12
13
|
|
|
13
14
|
---
|
|
14
15
|
|
|
15
16
|
<div class:list={["w-full flex flex-col gap-3 px-8 md:px-0 mb-8", align === "center" ? "items-center" : "items-start"]}>
|
|
16
|
-
{
|
|
17
|
+
{hasCategoria && <span class="inline-flex items-center gap-2 px-2 py-1 rounded bg-black/[0.04] text-center font-mono text-sm font-normal leading-5 tracking-[0.84px] uppercase text-[#403830] [font-feature-settings:'liga'_off,'clig'_off]"><span class="size-1.5 rounded-full bg-[#d71635]" aria-hidden="true"></span>{categoria}</span>}
|
|
17
18
|
{title && tipo === "h1" && <h1 class={`font-heading text-[${color}] text-[36px] leading-[44px] md:text-[40px] md:leading-[48px] font-semibold mb-4`} set:html={title}></h1>}
|
|
18
|
-
{title && tipo === "h2-40" && <h2 class={`font-heading text-[${color}] text-[36px] leading-[44px] md:text-[40px] md:leading-[48px] font-normal text-center my-8`} set:html={title}></h2>}
|
|
19
|
+
{title && tipo === "h2-40" && <h2 class={`font-heading text-[${color}] text-[36px] leading-[44px] md:text-[40px] md:leading-[48px] font-normal text-center ${hasCategoria ? 'mb-8' : 'my-8'}`} set:html={title}></h2>}
|
|
19
20
|
{title && tipo === "h2-32" && <h2 class={`font-heading text-[${color}] text-[28px] leading-9 md:text-[32px] md:leading-10 font-semibold mb-4`} set:html={title}></h2>}
|
|
20
21
|
{title && tipo === "h2-32-normal" && <h2 class={`font-heading text-[${color}] text-[28px] leading-9 md:text-[32px] md:leading-10 font-normal mb-4`} set:html={title}></h2>}
|
|
21
22
|
{title && tipo === "h2" && <h2 class={`font-heading text-[${color}] text-2xl leading-8 font-normal mb-4`} set:html={title}></h2>}
|