Add zoom in/out control for the board 🔍
File: client/src/pages/Dashboard.jsx
With many columns board gets tiny 💀
No way to zoom in/out fr!!
Fix:
const [zoom, setZoom] = useState(100)
// zoom controls in navbar:
setZoom(z => Math.max(z-10, 60))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> − {zoom}% setZoom(z => Math.min(z+10, 130))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> +
~10 lines! No backend needed 🎯
Super useful on small screens!! 🔥
Add zoom in/out control for the board 🔍
File: client/src/pages/Dashboard.jsx
With many columns board gets tiny 💀
No way to zoom in/out fr!!
Fix:
const [zoom, setZoom] = useState(100)
// zoom controls in navbar:
setZoom(z => Math.max(z-10, 60))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> − {zoom}% setZoom(z => Math.min(z+10, 130))} className="text-[#666] hover:text-[#aaa] text-sm px-1"> +
~10 lines! No backend needed 🎯
Super useful on small screens!! 🔥