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

fix(ui): move article content between title and actions bar

Browse Source
This commit is contained in:
Antigravity Agent committed 2026-02-04 20:07:31 +01:00
1 parent fe7c603b4e
commit b1459c171f
1 file changed
+10 -10
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/ReaderView.tsx
+10 -10
View File
@@ -55,18 +55,24 @@ export function ReaderView({ article, onClose, onToggleFavorite }: ReaderViewPro
)} )}
<div className={`p-8 md:p-20 ${!article.image_url ? 'pt-16' : 'pt-8'}`}> <div className={`p-8 md:p-20 ${!article.image_url ? 'pt-16' : 'pt-8'}`}>
<header className="mb-16"> <header className="mb-10">
<div className="flex items-center space-x-3 text-gold text-[10px] uppercase tracking-[0.4em] font-black mb-8"> <div className="flex items-center space-x-3 text-gold text-[10px] uppercase tracking-[0.4em] font-black mb-8">
<span className="bg-gold/10 px-2 py-1 rounded">{article.feed_title}</span> <span className="bg-gold/10 px-2 py-1 rounded">{article.feed_title}</span>
<span className="opacity-30">•</span> <span className="opacity-30">•</span>
<span>{article.published_at ? new Date(article.published_at).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' }) : 'Aujourd\'hui'}</span> <span>{article.published_at ? new Date(article.published_at).toLocaleDateString('fr-FR', { day: 'numeric', month: 'long', year: 'numeric' }) : 'Aujourd\'hui'}</span>
</div> </div>
<h1 className="text-4xl md:text-6xl font-serif text-paper-white leading-[1.15] mb-10 italic-gold tracking-tight"> <h1 className="text-4xl md:text-6xl font-serif text-paper-white leading-[1.15] italic-gold tracking-tight">
{article.title} {article.title}
</h1> </h1>
</header>
<div className="flex items-center justify-between py-8 border-y border-white/5"> <div
className="magazine-content text-paper-white/90 text-xl font-reading leading-relaxed space-y-8 selection:bg-gold/20 break-words overflow-x-hidden mb-12"
dangerouslySetInnerHTML={{ __html: displayContent }}
/>
<div className="flex items-center justify-between py-8 border-y border-white/5 mb-16">
<div className="flex items-center space-x-6"> <div className="flex items-center space-x-6">
<button <button
onClick={() => onToggleFavorite(article.id)} onClick={() => onToggleFavorite(article.id)}
@@ -96,14 +102,8 @@ export function ReaderView({ article, onClose, onToggleFavorite }: ReaderViewPro
</svg> </svg>
</a> </a>
</div> </div>
</header>
<div <footer className="text-center pb-24">
className="magazine-content text-paper-white/90 text-xl font-reading leading-relaxed space-y-8 selection:bg-gold/20 break-words overflow-x-hidden"
dangerouslySetInnerHTML={{ __html: displayContent }}
/>
<footer className="mt-32 pt-16 border-t border-white/5 text-center pb-24">
<div className="text-gold text-4xl font-serif mb-6 italic select-none">F.</div> <div className="text-gold text-4xl font-serif mb-6 italic select-none">F.</div>
<p className="text-paper-muted/40 text-[10px] uppercase tracking-[0.4em] font-black"> <p className="text-paper-muted/40 text-[10px] uppercase tracking-[0.4em] font-black">
FlowReader Lux Édition • 2026 FlowReader Lux Édition • 2026