carlos/almeira-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): hide NewsCard footer separator when date and footer text are empty

Browse Source
This commit is contained in:
Carlos (Almeira) 2026-04-22 15:46:14 -05:00
parent 699631c763
commit 926c704fdd
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/NewsCard.tsx
View File

@ -92,23 +92,25 @@ export const NewsCard = ({
</p>
{/* Footer del card */}
<div className="mt-auto pt-5 border-t border-white/10 flex items-center justify-between">
<span className="text-xs font-black tracking-widest uppercase text-cyan-500 group-hover:text-cyan-300 transition-colors">
{showFooterDate ? (
<div className="flex items-center gap-2">
<Calendar size={12} />
{fechaFormateada}
</div>
) : (
footerText || ""
{(showFooterDate || footerText) && (
<div className="mt-auto pt-5 border-t border-white/10 flex items-center justify-between">
<span className="text-xs font-black tracking-widest uppercase text-cyan-500 group-hover:text-cyan-300 transition-colors">
{showFooterDate ? (
<div className="flex items-center gap-2">
<Calendar size={12} />
{fechaFormateada}
</div>
) : (
footerText || ""
)}
</span>
{showFooterButton && footerText && (
<div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center border border-white/10 group-hover:bg-cyan-500 group-hover:border-cyan-400 group-hover:text-slate-950 transition-all">
<ArrowUpRight size={16} className="transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
</div>
)}
</span>
{showFooterButton && footerText && (
<div className="w-8 h-8 rounded-full bg-white/5 flex items-center justify-center border border-white/10 group-hover:bg-cyan-500 group-hover:border-cyan-400 group-hover:text-slate-950 transition-all">
<ArrowUpRight size={16} className="transition-transform group-hover:translate-x-0.5 group-hover:-translate-y-0.5" />
</div>
)}
</div>
</div>
)}
</div>
</div>
);