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

style(ui): center header date/button and improve contrast

Browse Source
This commit is contained in:
Antigravity Agent committed 2026-02-04 21:58:58 +01:00
1 parent 02b0815592
commit 2a1ca288fb
1 file changed
+9 -5
Download Patch File Download Diff File Expand all files Collapse all files
web/src/pages/DashboardPage.tsx
+9 -5
View File
@@ -64,15 +64,19 @@ export function DashboardPage({ selectedFeedId }: DashboardPageProps) {
{selectedFeedId ? 'Archives du Flux' : 'La Une'} {selectedFeedId ? 'Archives du Flux' : 'La Une'}
</h1> </h1>
</div> </div>
<div className="flex flex-col items-end gap-3 text-right"> <div className="flex flex-col items-center gap-4 text-center">
<div> <div className="flex flex-col items-center">
<p className="text-paper-muted text-xs font-serif italic">Mercredi 4 Février 2026</p> <p className="text-gold text-sm font-serif italic font-bold tracking-wide">
<p className="text-[10px] text-paper-muted/30 uppercase tracking-widest font-black mt-1">Volume IX • No. 42</p> {new Date().toLocaleDateString('fr-FR', { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' })}
</p>
<p className="text-[10px] text-paper-muted opacity-80 uppercase tracking-[0.25em] font-black mt-1">
Volume IX • No. 42
</p>
</div> </div>
<button <button
onClick={() => refreshMutation.mutate()} onClick={() => refreshMutation.mutate()}
disabled={refreshMutation.isPending} disabled={refreshMutation.isPending}
className={`text-[10px] uppercase tracking-[0.2em] font-bold px-4 py-2 rounded-full border border-gold/20 text-gold hover:bg-gold/10 transition-all ${refreshMutation.isPending ? 'animate-pulse' : ''}`} className={`text-[10px] uppercase tracking-[0.2em] font-bold px-6 py-2.5 rounded-full border border-gold/30 text-gold hover:bg-gold hover:text-carbon transition-all duration-300 ${refreshMutation.isPending ? 'animate-pulse opacity-50' : 'hover:shadow-lg hover:shadow-gold/20'}`}
> >
{refreshMutation.isPending ? 'Mise à jour...' : 'Mettre à jour'} {refreshMutation.isPending ? 'Mise à jour...' : 'Mettre à jour'}
</button> </button>