Michael/FlowReader
1
0 Fork 0
mirror of https://github.com/R0m1k3/FlowReader.git synced 2026-10-11 17:28:05 +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>
</button>
{/* Undo Button */}
{currentIndex > 0 && (
<button
onClick={() => {
{/* Undo Button - Always rendered for layout, hidden if inactive */}
<button
onClick={() => {
if (currentIndex > 0) {
setCurrentIndex(prev => Math.max(0, prev - 1));
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"
>
<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>
)}
}
}}
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
? 'bg-nature/80 hover:bg-nature hover:scale-105 opacity-100 cursor-pointer'
: 'bg-white/5 opacity-0 pointer-events-none scale-90'
}`}
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
onClick={() => {