Skip to content

[FEAT] Add font size control to increase/decrease editor font size #142

@devendra-w

Description

@devendra-w

Problem

The editor font size is hardcoded at 14px. Users with different screen sizes or preferences have no way to adjust it.

Expected Behaviour

  • A font size control in the toolbar (+ and - buttons or a dropdown)
  • Persists across sessions using localStorage
  • Range: 10px to 24px

Implementation Notes

  • Add fontSize state to page.tsx
  • Pass it as a prop to MonacoEditor
  • Use editor.updateOptions({ fontSize }) to apply it
  • Save to localStorage on change

Difficulty

Intermediate

Metadata

Metadata

Assignees

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions