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