|
|
|
@@ -517,15 +517,21 @@ export default function PublicGrid({ cards, maxCols = 5 }: { cards: Card[], maxC |
|
|
|
title="Close" |
|
|
|
>✕</button> |
|
|
|
</div> |
|
|
|
<div className="p-8"> |
|
|
|
<div className="text-xs text-blue-600 font-bold tracking-wider uppercase mb-2">{activeCard.cardType.replace('_', ' ')}</div> |
|
|
|
<h2 className="text-3xl font-bold mb-4 text-gray-900">{activeCard.title}</h2> |
|
|
|
{activeCard.fullContent ? ( |
|
|
|
<div className="prose max-w-none text-gray-700" dangerouslySetInnerHTML={{ __html: activeCard.fullContent }} /> |
|
|
|
) : ( |
|
|
|
<p className="text-gray-500 italic text-lg">{activeCard.shortDescription}</p> |
|
|
|
)} |
|
|
|
</div> |
|
|
|
{(activeCard.title || activeCard.shortDescription || activeCard.fullContent) && ( |
|
|
|
<div className="p-8"> |
|
|
|
<div className="text-xs text-blue-600 font-bold tracking-wider uppercase mb-2">{activeCard.cardType.replace('_', ' ')}</div> |
|
|
|
{activeCard.title && ( |
|
|
|
<h2 className={`text-3xl font-bold text-gray-900 ${(activeCard.shortDescription || activeCard.fullContent) ? 'mb-4' : ''}`}> |
|
|
|
{activeCard.title} |
|
|
|
</h2> |
|
|
|
)} |
|
|
|
{activeCard.fullContent ? ( |
|
|
|
<div className="prose max-w-none text-gray-700" dangerouslySetInnerHTML={{ __html: activeCard.fullContent }} /> |
|
|
|
) : activeCard.shortDescription ? ( |
|
|
|
<p className="text-gray-500 italic text-lg">{activeCard.shortDescription}</p> |
|
|
|
) : null} |
|
|
|
</div> |
|
|
|
)} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
)} |
|
|
|
|