@codesinger0/shared-components 1.1.88 → 1.1.90
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.
|
@@ -23,7 +23,8 @@ const LargeItemCard = ({
|
|
|
23
23
|
soldOutLabel = 'אזל במלאי',
|
|
24
24
|
icons = [],
|
|
25
25
|
classNames = {},
|
|
26
|
-
videoAutoPlay = true
|
|
26
|
+
videoAutoPlay = true,
|
|
27
|
+
verticalPadding = 'py-16'
|
|
27
28
|
}) => {
|
|
28
29
|
const [lightboxOpen, setLightboxOpen] = useState(false);
|
|
29
30
|
const [videoLightboxOpen, setVideoLightboxOpen] = useState(false);
|
|
@@ -110,12 +111,12 @@ const LargeItemCard = ({
|
|
|
110
111
|
};
|
|
111
112
|
|
|
112
113
|
return (
|
|
113
|
-
<section className=
|
|
114
|
+
<section className={`relative w-full overflow-visible ${verticalPadding} px-4`}>
|
|
114
115
|
{/* Background Section with Text Content */}
|
|
115
116
|
<div className="glass-card relative" style={{ minHeight: '48vh', overflow: 'visible' }}>
|
|
116
117
|
|
|
117
118
|
<div className="max-w-7xl mx-auto px-6 py-16">
|
|
118
|
-
<div className="grid grid-cols-1 lg:grid-cols-2 gap-
|
|
119
|
+
<div className="grid grid-cols-1 lg:grid-cols-2 gap-4 items-center">
|
|
119
120
|
{/* Text Content */}
|
|
120
121
|
<div
|
|
121
122
|
className={`text-center lg:text-right space-y-6 ${reverse ? 'lg:order-2' : 'lg:order-1'}`}
|
|
@@ -35,8 +35,6 @@ const MasonryImageList = ({ images = [], cols = 3, onImageClick = () => { } }) =
|
|
|
35
35
|
/* default: mobile 2 columns */
|
|
36
36
|
column-count: 2;
|
|
37
37
|
padding-right: 0.25rem; /* small padding so rtl scroll doesn't cut content */
|
|
38
|
-
width: 100%;
|
|
39
|
-
overflow-x: hidden; /* prevent horizontal scrolling */
|
|
40
38
|
}
|
|
41
39
|
|
|
42
40
|
/* Desktop: use the --masonry-cols variable */
|