mirror of
https://github.com/khoaliber/khoj.git
synced 2026-03-08 05:39:13 +00:00
Add text overlay to caption the different assets
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user