mirror of
https://github.com/khoj-ai/khoj.git
synced 2024-12-18 18:47:11 +00:00
Add text overlay to caption the different assets
This commit is contained in:
parent
f1fb4525c6
commit
73c1fe6ae1
1 changed files with 3 additions and 3 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue