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

Fix Focus Mode Undo Button visibility and layout

Browse Source
This commit is contained in:
Michael committed 2026-02-12 13:16:10 +01:00
1 parent 803b51193a
commit c350ca4893
1 file changed
+17 -13
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/focus/FocusCardStack.tsx
+17 -13
View File
@@ -202,21 +202,25 @@ export function FocusCardStack({ articles, onMarkRead, onKeep, onToggleFavorite,
</svg> </svg>
</button> </button>
{/* Undo Button */} {/* Undo Button - Always rendered for layout, hidden if inactive */}
{currentIndex > 0 && ( <button
<button onClick={() => {
onClick={() => { if (currentIndex > 0) {
setCurrentIndex(prev => Math.max(0, prev - 1)); setCurrentIndex(prev => Math.max(0, prev - 1));
x.set(0); // Reset position x.set(0); // Reset position
}} }
className="p-3 rounded-full bg-white/10 backdrop-blur-md text-white hover:bg-white/20 hover:scale-105 transition-all border border-white/20" }}
title="Revenir en arrière" disabled={currentIndex === 0}
> className={`p-3 rounded-full backdrop-blur-md text-white shadow-lg border border-white/20 transition-all duration-300 ${currentIndex > 0
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"> ? 'bg-nature/80 hover:bg-nature hover:scale-105 opacity-100 cursor-pointer'
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6" /> : 'bg-white/5 opacity-0 pointer-events-none scale-90'
</svg> }`}
</button> title="Revenir en arrière"
)} >
<svg className="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6" />
</svg>
</button>
<button <button
onClick={() => { onClick={() => {