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

style: restore deep black shadow on article cards

Browse Source
This commit is contained in:
Michael committed 2026-02-09 10:21:15 +01:00
1 parent 187b6c8b86
commit 21bd917ab7
1 file changed
+3 -2
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/ArticleCard.tsx
+3 -2
View File
@@ -92,9 +92,10 @@ export function ArticleCard({ article, onClick, onToggleRead, onToggleFavorite }
{/* Main Interactive Card */} {/* Main Interactive Card */}
<article <article
{...handlers} {...handlers}
className={`magazine-card group cursor-pointer flex flex-col h-full relative z-10 bg-carbon overflow-visible shadow-xl shadow-paper-muted/20 hover:shadow-2xl hover:shadow-nature/20 rounded-xl border border-transparent hover:border-nature/10 transition-transform ${isSwiping ? '' : 'duration-500 ease-out'}`} className={`magazine-card group cursor-pointer flex flex-col h-full relative z-10 bg-carbon overflow-visible rounded-xl border border-transparent hover:border-nature/10 transition-all ${isSwiping ? '' : 'duration-500 ease-out'}`}
style={{ style={{
transform: `translateX(${swipeOffset}px)` transform: `translateX(${swipeOffset}px)`,
boxShadow: '0 10px 30px -5px rgba(0, 0, 0, 0.7), 0 8px 15px -8px rgba(0, 0, 0, 0.8)'
}} }}
onClick={() => !isSwiping && Math.abs(swipeOffset) < 5 && onClick(article)} onClick={() => !isSwiping && Math.abs(swipeOffset) < 5 && onClick(article)}
> >