Skip to content

Conversation

@parthivsaikia
Copy link

Notes for Reviewers

Signed commits

  • Yes, I signed my commits.

Description

This PR addresses the usability issue where the "Show Instructions" modal would block the drawing grid, preventing users from reading instructions and drawing simultaneously.

Changes:

  1. Removed the Show Instructions button and the blocking InstructionsModal component.
  2. Implemented a persistent, responsive "Keyboard Shortcut" bar directly on the main page.
  3. Utilized a "Key" style (similar to VS Code/GitHub UI) to make the shortcuts distinct and easy to scan.
  4. Refactored src/pages/index.js to accommodate the new layout.

This allows users to reference the controls (Enter, Ctrl+Z, etc.) without interrupting their workflow.

Screenshots

Before
image

After
image

@parthivsaikia parthivsaikia force-pushed the feat/73-better-instructions branch from 1ea77ab to 15105a7 Compare November 24, 2025 18:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Added the better way to see the instructions

1 participant