neon/saahildcom
1
0
Fork 0
mirror of https://github.com/NeonGamerBot-QK/saahild.com.git synced 2024-11-21 20:33:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(projects): add loading screen

Browse source
This commit is contained in:
Saahil dutta 2024-08-02 10:33:27 -04:00
parent 6f76d95730
commit b573593b2e
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Projects/index.tsx
View file

@ -78,7 +78,7 @@ const [translateY, setTranslateY] = useState(0)
{/* <p className="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p> {/* <p className="py-6">Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi.</p>
<button className="btn btn-primary">Get Started</button> */} <button className="btn btn-primary">Get Started</button> */}
<div className="flex grid grid-cols-2 gap-2 mt-5 text-center duration-1000 md:gap-6" style={{ transform: `translateY(${-translateY}%)` }}> <div className="flex grid grid-cols-2 gap-2 mt-5 text-center duration-1000 md:gap-6" style={{ transform: `translateY(${-translateY}%)` }}>
{githubData.map((d: any) => { {githubData.length > 0 ? githubData.map((d: any) => {
return <Card title={d.name} description={d.description} key={d.id} svn_link={d.html_url} is_fork={d.fork}Badges={<> return <Card title={d.name} description={d.description} key={d.id} svn_link={d.html_url} is_fork={d.fork}Badges={<>
<div className="inline-flex"> <div className="inline-flex">
@ -94,7 +94,9 @@ return <Card title={d.name} description={d.description} key={d.id} svn_link={d
</div> </div>
</>}/> </>}/>
})} }) : <div>
<span className="loading loading-bars loading-lg mauve font-5xl"></span>
</div>}
</div> </div>
</div> </div>
</div> </div>