Michael/FlowReader
1
0 Fork 0
mirror of https://github.com/R0m1k3/FlowReader.git synced 2026-10-19 21:28:10 +02:00
Code Issues Packages Projects Releases Wiki Activity

style(ui): update card shadows to grey default and gold hover

Browse Source
This commit is contained in:
Antigravity Agent committed 2026-02-04 21:49:34 +01:00
1 parent c918488cdf
commit 87909ca078
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/ArticleCard.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ export function ArticleCard({ article, onClick, onToggleRead, onToggleFavorite }
const timeToRead = Math.ceil((article.content?.length || 500) / 1000) + 1; const timeToRead = Math.ceil((article.content?.length || 500) / 1000) + 1;
return ( return (
<article className="magazine-card group cursor-pointer flex flex-col h-full shadow-2xl shadow-gold/10 hover:shadow-carbon/10 transition-all duration-500 rounded-xl border border-transparent hover:border-gold/10" onClick={() => onClick(article)}> <article className="magazine-card group cursor-pointer flex flex-col h-full shadow-2xl shadow-carbon/10 hover:shadow-gold/20 transition-all duration-500 rounded-xl border border-transparent hover:border-gold/10" onClick={() => onClick(article)}>
{/* Image Placeholder with Gold Overlay */} {/* Image Placeholder with Gold Overlay */}
<div className="aspect-[16/10] overflow-hidden rounded-xl bg-carbon-light relative mb-6"> <div className="aspect-[16/10] overflow-hidden rounded-xl bg-carbon-light relative mb-6">
<div className="absolute inset-0 bg-gradient-to-t from-carbon-dark/80 via-transparent to-transparent opacity-60 z-10"></div> <div className="absolute inset-0 bg-gradient-to-t from-carbon-dark/80 via-transparent to-transparent opacity-60 z-10"></div>