lashman/vesper
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: add Content Zoom and Content Width controls to View menu

Browse Source
This commit is contained in:
Your Name
2026-02-19 21:38:29 +02:00
parent f2ad745c28
commit e8f523ad05
1 changed files with 16 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/App.tsx
View File

@@ -1142,6 +1142,22 @@ function App() {
<button className="zoom-spinner-btn" aria-label="Increase UI scale" onClick={() => setUiZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button> <button className="zoom-spinner-btn" aria-label="Increase UI scale" onClick={() => setUiZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button>
</div> </div>
</div> </div>
<div className="menu-dropdown-zoom" onClick={e => e.stopPropagation()}>
<span>Content Zoom</span>
<div className="zoom-spinner" aria-label="Content Zoom">
<button className="zoom-spinner-btn" aria-label="Decrease content zoom" onClick={() => setZoom(z => Math.max(50, z - 10))}><Minus size={12} /></button>
<span className="zoom-spinner-value">{zoom}%</span>
<button className="zoom-spinner-btn" aria-label="Increase content zoom" onClick={() => setZoom(z => Math.min(200, z + 10))}><Plus size={12} /></button>
</div>
</div>
<div className="menu-dropdown-zoom" onClick={e => e.stopPropagation()}>
<span>Content Width</span>
<div className="zoom-spinner" aria-label="Content Width">
<button className="zoom-spinner-btn" aria-label="Decrease content width" onClick={() => setContentWidth(w => Math.max(400, w - 40))}><Minus size={12} /></button>
<span className="zoom-spinner-value">{contentWidth}px</span>
<button className="zoom-spinner-btn" aria-label="Increase content width" onClick={() => setContentWidth(w => Math.min(1200, w + 40))}><Plus size={12} /></button>
</div>
</div>
</motion.div> </motion.div>
)} )}
{menuOpen === 'help' && menuItemRefs.current['help'] && ( {menuOpen === 'help' && menuItemRefs.current['help'] && (