Enhance usability with mouseWheelZoom, mobile layout improvements, and live reload indicator

Open MrNaceja opened this issue 1 year ago • 1 comments

This pull request introduces several enhancements to improve the usability and functionality of the editor. The changes include:

Mouse Wheel Zoom: Added the ability to zoom in and out within the editor using the mouse wheel, enhancing the user experience for desktop users.
Mobile Layout Improvements: Adjusted the mobile layout so that the editor appears at the bottom and the preview at the top. This change prioritizes touch-friendly areas, significantly improving the usability for mobile users.
Live Reload Indicator: Improved the live reload toggle and indicator by incorporating a declarative icon and dynamic descriptions, making the feature more intuitive and user-friendly.

Added mouse wheel zoom functionality to the editor.
Modified the mobile layout to position the editor at the bottom and the preview at the top.
Enhanced the live reload toggle with a new declarative icon and dynamic descriptions.