scarlett/ITR-Website
1
1
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge branch 'feat/waterfallpic'

Browse Source
This commit is contained in:
Jianqi Jin
2023-09-26 19:54:04 -05:00
parent 84e7889653 4695dea933
commit 251a9c7210
1 changed files with 32 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
src/components/Waterfall.js
View File

@@ -13,9 +13,33 @@ const WaterfallItem = ({ data, onLoad }) => {
return (
<div className="waterfallItem" ref={ref}>
<div className="project__content__main__container">
<div style={{ display: 'flex', flexDirection: 'row', justifyContent:'space-between' }}>
<h3 style={{ fontFamily: "itrFontMedium", fontSize: '25px', color: "#fff", marginBottom: 12 }}>{data.title}</h3>
<h3 style={{ fontFamily: "itrFontMedium", fontSize: '25px', color: "#fff", marginBottom: 12 }}>{data.sub}</h3>
<div
style={{
display: "flex",
flexDirection: "row",
justifyContent: "space-between",
}}
>
<h3
style={{
fontFamily: "itrFontMedium",
fontSize: "25px",
color: "#fff",
marginBottom: 12,
}}
>
{data.title}
</h3>
<h3
style={{
fontFamily: "itrFontMedium",
fontSize: "25px",
color: "#fff",
marginBottom: 12,
}}
>
{data.sub}
</h3>
</div>
<div className="project_item_content">
<Image
@@ -24,10 +48,11 @@ const WaterfallItem = ({ data, onLoad }) => {
onLoad(sizeRef.current.size);
}, 500);
}}
alt="asd"
onError={setTimeout(() => {
onLoad(sizeRef.current.size);
}, 500)}
onError={() =>
setTimeout(() => {
onLoad(sizeRef.current.size);
}, 500)
}
width={"100%"}
src={data.img}
/>