Add text overlay to caption the different assets

This commit is contained in:
sabaimran 2024-12-13 13:45:31 -08:00
parent f1fb4525c6
commit 73c1fe6ae1

View file

@ -358,14 +358,14 @@ function MainSignInContext({
<div className="relative p-0"> <div className="relative p-0">
<Card> <Card>
<CardContent className="flex flex-col items-center justify-center rounded-b-none rounded-t-lg p-0"> <CardContent className="flex flex-col items-center justify-center rounded-b-none rounded-t-lg p-0">
<div className="flex items-center justify-center text-black text-center p-4">
{tip.description}
</div>
<img <img
src={tip.src} src={tip.src}
alt={tip.alt} alt={tip.alt}
className="w-full h-auto rounded-b-none rounded-t-lg" className="w-full h-auto rounded-b-none rounded-t-lg"
/> />
<div className="absolute bottom-1 flex items-center justify-center text-white bg-black bg-opacity-50 text-center mx-auto rounded-lg p-4">
{tip.description}
</div>
</CardContent> </CardContent>
</Card> </Card>
</div> </div>