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

add waterfall pic wall

Browse Source
This commit is contained in:
Jianqi Jin 2023-09-26 19:50:08 -05:00
parent 086b2087b1
commit 4695dea933
1 changed files with 32 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
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(() => {
onError={() =>
setTimeout(() => {
onLoad(sizeRef.current.size);
}, 500)}
}, 500)
}
width={"100%"}
src={data.img}
/>