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

fix: relocate mobile close button to top-right to prevent overlap

Browse Source
This commit is contained in:
Michael committed 2026-02-09 13:38:20 +01:00
1 parent 4200926d7b
commit 1e5593c299
1 file changed
+3 -3
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/MobileReaderView.tsx
+3 -3
View File
@@ -106,14 +106,14 @@ export function MobileReaderView({ article, onClose, onToggleFavorite, onNext, o
</div> </div>
</div> </div>
{/* Floating Close Button for Mobile - Easier thumb reach */} {/* Fixed Close Button for Mobile - Top Right */}
<div className="fixed bottom-6 left-1/2 -translate-x-1/2 z-50 pointer-events-none"> <div className="fixed top-6 right-6 z-50 pointer-events-none">
<button <button
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
onClose(); onClose();
}} }}
className="w-12 h-12 bg-paper-white text-carbon-light shadow-2xl border border-white/10 rounded-full flex items-center justify-center active:scale-95 transition-all duration-300 pointer-events-auto hover:bg-nature" className="w-10 h-10 bg-carbon/80 backdrop-blur-md text-white border border-white/10 rounded-full flex items-center justify-center active:scale-95 transition-all duration-300 pointer-events-auto hover:bg-nature shadow-lg"
> >
<svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <svg className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" /> <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />