Skip to content

Add fullscreen toggle for distraction-free board 🖥️ #379

Description

@anoopcodehack

Add fullscreen toggle for distraction-free board 🖥️

File: client/src/pages/Dashboard.jsx

Sometimes you just want to focus on
the board with zero distractions 💀 fr!!

Fix:
const handleFullscreen = () => {
if (!document.fullscreenElement) {
document.documentElement.requestFullscreen()
setIsFullscreen(true)
} else {
document.exitFullscreen()
setIsFullscreen(false)
}
}


{isFullscreen ? '⊠ Exit' : '⛶ Focus'}

~10 lines! Uses native browser API ✅
No packages needed 🎯

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions