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> </p>
{/* Footer del card */} {/* Footer del card */}
<div className="mt-auto pt-5 border-t border-white/10 flex items-center justify-between"> {(showFooterDate || footerText) && (
<span className="text-xs font-black tracking-widest uppercase text-cyan-500 group-hover:text-cyan-300 transition-colors"> <div className="mt-auto pt-5 border-t border-white/10 flex items-center justify-between">
{showFooterDate ? ( <span className="text-xs font-black tracking-widest uppercase text-cyan-500 group-hover:text-cyan-300 transition-colors">
<div className="flex items-center gap-2"> {showFooterDate ? (
<Calendar size={12} /> <div className="flex items-center gap-2">
{fechaFormateada} <Calendar size={12} />
</div> {fechaFormateada}
) : ( </div>
footerText || "" ) : (
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> </div>
{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> </div>
); );