claude-code - 💡(How to fix) Fix More granular zoom/font size controls — code vs chat text sizes are inconsistent [1 comments, 2 participants]

TL;DR

Implementing more granular zoom increments, such as 10% steps, could provide a better user experience by offering more precise control over font sizes.

Guidance

• Consider introducing separate font size controls for code blocks/terminal output and regular chat text to address the discrepancy in text sizes at the same zoom level.
• Evaluate the current zoom increment logic to determine the feasibility of implementing smaller step sizes, such as 10% increments, to provide more granular control.
• Assess the impact of such changes on the overall user interface and experience, ensuring that the adjustments do not introduce unintended consequences.
• Review existing user feedback and preferences to inform the decision on the optimal zoom increment and separate control implementation.

Example

No specific code example can be provided without more context on the current implementation, but a hypothetical approach might involve modifying a font-size variable in CSS or a similar styling mechanism to accept more precise increments.

Notes

The solution may require adjustments to both the frontend and backend, depending on how the zoom functionality is currently implemented. It's also important to consider accessibility guidelines when making changes to font sizes and zoom levels.

Recommendation

Apply a workaround by introducing separate font size controls for code and prose content, as this addresses the primary concern of text size discrepancy and provides a more tailored experience for users.