@neowhale/storefront 0.2.39 → 0.2.40
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/dist/landing.global.js +17 -0
- package/dist/react/index.cjs +17 -0
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +17 -0
- package/dist/react/index.js.map +1 -1
- package/package.json +1 -1
package/dist/react/index.js
CHANGED
|
@@ -2298,7 +2298,24 @@ function VideoSection({ section, theme }) {
|
|
|
2298
2298
|
function GallerySection({ section, theme }) {
|
|
2299
2299
|
const { images } = section.content;
|
|
2300
2300
|
const columns = section.config?.columns || 3;
|
|
2301
|
+
const layout = section.config?.layout || "grid";
|
|
2301
2302
|
if (!images || images.length === 0) return null;
|
|
2303
|
+
if (layout === "collage") {
|
|
2304
|
+
return /* @__PURE__ */ jsx("div", { style: { padding: "0.375rem", maxWidth: 900, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: "0.375rem" }, children: images.map((img, i) => /* @__PURE__ */ jsx("div", { style: {
|
|
2305
|
+
gridColumn: i === 0 ? "1 / -1" : void 0,
|
|
2306
|
+
aspectRatio: i === 0 ? "16/9" : i % 3 === 0 ? "3/4" : "1",
|
|
2307
|
+
overflow: "hidden",
|
|
2308
|
+
background: theme.surface
|
|
2309
|
+
}, children: /* @__PURE__ */ jsx(
|
|
2310
|
+
"img",
|
|
2311
|
+
{
|
|
2312
|
+
src: img.url,
|
|
2313
|
+
alt: img.alt || "",
|
|
2314
|
+
loading: i < 2 ? "eager" : "lazy",
|
|
2315
|
+
style: { width: "100%", height: "100%", objectFit: "cover", display: "block" }
|
|
2316
|
+
}
|
|
2317
|
+
) }, i)) }) });
|
|
2318
|
+
}
|
|
2302
2319
|
return /* @__PURE__ */ jsx("div", { style: { padding: "1.5rem", maxWidth: 800, margin: "0 auto" }, children: /* @__PURE__ */ jsx("div", { style: { display: "grid", gridTemplateColumns: `repeat(${columns}, 1fr)`, gap: "0.5rem" }, children: images.map((img, i) => /* @__PURE__ */ jsx("div", { style: { aspectRatio: "1", overflow: "hidden", background: theme.surface }, children: /* @__PURE__ */ jsx("img", { src: img.url, alt: img.alt || "", style: { width: "100%", height: "100%", objectFit: "cover", display: "block" } }) }, i)) }) });
|
|
2303
2320
|
}
|
|
2304
2321
|
function SocialLinksSection({ section, theme }) {
|