@morphika/andami 0.2.25 → 0.2.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.
|
@@ -151,7 +151,7 @@ export default function CoverSectionRenderer({ section, pageEnterAnimation }: Co
|
|
|
151
151
|
style={{
|
|
152
152
|
position: "absolute",
|
|
153
153
|
inset: 0,
|
|
154
|
-
backgroundImage: `url(${bgImageSrc})`,
|
|
154
|
+
backgroundImage: `url("${bgImageSrc}")`,
|
|
155
155
|
backgroundSize: section.background_size || "cover",
|
|
156
156
|
backgroundPosition: section.background_position || "center center",
|
|
157
157
|
backgroundRepeat: "no-repeat",
|
|
@@ -130,7 +130,7 @@ export default function ParallaxSlideRenderer({
|
|
|
130
130
|
left: 0,
|
|
131
131
|
width: "100%",
|
|
132
132
|
height: bgInnerHeight,
|
|
133
|
-
backgroundImage: `url(${bgUrl})`,
|
|
133
|
+
backgroundImage: `url("${bgUrl}")`,
|
|
134
134
|
backgroundSize: "cover",
|
|
135
135
|
backgroundPosition: bgPosition,
|
|
136
136
|
backgroundRepeat: "no-repeat",
|
|
@@ -135,7 +135,7 @@ export default function ParallaxGroupCanvas({
|
|
|
135
135
|
<div
|
|
136
136
|
className="absolute inset-0 bg-cover bg-center pointer-events-none"
|
|
137
137
|
style={{
|
|
138
|
-
backgroundImage: `url(${bgImagePath})`,
|
|
138
|
+
backgroundImage: `url("${bgImagePath}")`,
|
|
139
139
|
backgroundPosition: slide.background_position || "center center",
|
|
140
140
|
opacity: 0.12,
|
|
141
141
|
}}
|
|
@@ -149,7 +149,7 @@ const ReadOnlyParallaxSlide = memo(function ReadOnlyParallaxSlide({
|
|
|
149
149
|
<div
|
|
150
150
|
className="absolute inset-0 bg-cover bg-center pointer-events-none"
|
|
151
151
|
style={{
|
|
152
|
-
backgroundImage: `url(/api/assets/${slide.background_image})`,
|
|
152
|
+
backgroundImage: `url("/api/assets/${slide.background_image}")`,
|
|
153
153
|
backgroundPosition: slide.background_position || "center center",
|
|
154
154
|
opacity: 0.15,
|
|
155
155
|
}}
|
|
@@ -401,17 +401,31 @@ const ReadOnlyCoverSection = memo(function ReadOnlyCoverSection({
|
|
|
401
401
|
</span>
|
|
402
402
|
</div>
|
|
403
403
|
<div style={{ position: "relative", height: containerHeight, overflow: "hidden" }}>
|
|
404
|
+
{/* Background preview — image */}
|
|
404
405
|
{section.background_type === "image" && section.background_image && (
|
|
405
406
|
<div
|
|
406
407
|
className="absolute inset-0 pointer-events-none"
|
|
407
408
|
style={{
|
|
408
|
-
backgroundImage: `url(/api/assets/${section.background_image})`,
|
|
409
|
+
backgroundImage: `url("/api/assets/${section.background_image}")`,
|
|
409
410
|
backgroundSize: section.background_size || "cover",
|
|
410
411
|
backgroundPosition: section.background_position || "center center",
|
|
411
412
|
opacity: 0.15,
|
|
412
413
|
}}
|
|
413
414
|
/>
|
|
414
415
|
)}
|
|
416
|
+
{/* Background preview — video */}
|
|
417
|
+
{section.background_type === "video" && section.background_video && (
|
|
418
|
+
<video
|
|
419
|
+
src={`/api/assets/${section.background_video}`}
|
|
420
|
+
muted
|
|
421
|
+
playsInline
|
|
422
|
+
autoPlay
|
|
423
|
+
loop
|
|
424
|
+
className="absolute inset-0 w-full h-full object-cover pointer-events-none"
|
|
425
|
+
style={{ opacity: 0.15 }}
|
|
426
|
+
/>
|
|
427
|
+
)}
|
|
428
|
+
{/* Background preview — color */}
|
|
415
429
|
{section.background_type === "color" && section.background_color && (
|
|
416
430
|
<div
|
|
417
431
|
className="absolute inset-0 pointer-events-none"
|
package/lib/version.ts
CHANGED
package/package.json
CHANGED