style(web): improve ArticleCard UX and add Back to Top button

This commit is contained in:
Michael committed 2026-02-06 15:28:24 +01:00
1 parent b0df24011c
commit 3e468d8885
2 files changed
+34 -3

No files matched your search

+2 -2
View File
@@ -49,10 +49,10 @@ export function ArticleCard({ article, onClick, onToggleRead, onToggleFavorite }
{/* Meta on top of image */}
<div className="absolute bottom-4 left-4 right-4 z-20 flex justify-between items-end">
<span className="bg-nature/10 px-2 py-1 rounded text-[10px] text-nature font-black uppercase tracking-[.25em] drop-shadow-sm">
<span className="bg-white px-2 py-1 rounded shadow-sm border border-nature/5 text-[10px] text-nature font-black uppercase tracking-[.25em] drop-shadow-sm">
{article.feed_title || 'Journal'}
</span>
<span className="text-[10px] text-nature/80 font-bold uppercase tracking-widest">
<span className="bg-white px-2 py-1 rounded shadow-sm border border-nature/5 text-[10px] text-nature/80 font-black uppercase tracking-widest px-2 py-1 rounded shadow-sm border border-nature/5 drop-shadow-sm">
{timeToRead} min
</span>
</div>