Skip to content

Comments

feat: revamp tutorial modal with multi-slide carousel and responsive UI#78

Merged
Gayathri-KS101 merged 1 commit intoRanger-NF:devfrom
SARFAS-P:play-page-tutorial-ui
Dec 24, 2025
Merged

feat: revamp tutorial modal with multi-slide carousel and responsive UI#78
Gayathri-KS101 merged 1 commit intoRanger-NF:devfrom
SARFAS-P:play-page-tutorial-ui

Conversation

@SARFAS-P
Copy link
Contributor

📌 Description

  • 7-Slide Carousel: Expanded the tutorial into a comprehensive 7-slide sequence, including a new "Welcome" slide and detailed clue breakdowns (Rumi, Sandstorm, etc.).
  • Responsive UI:
    • Desktop: Widened the modal (max-w-md) and optimized layouts to ensure all text is fully visible without scrolling.
    • Mobile: tailored specific layouts (reduced image sizes, tighter margins) to prevent text cutoff on smaller screens.
  • Performance: Optimized the "Close" button to dismiss the modal immediately while syncing with the server in the background.
  • Refinement: Adjusted footer controls (smaller buttons/dots on mobile) for a cleaner look.
image image

Refined the tutorial experience with a 7-slide carousel, including a new Welcome slide and optimized layouts for Question and Clue slides. Improved responsiveness for mobile and desktop, updated text content, and optimized the close button performance.
@Gayathri-KS101 Gayathri-KS101 merged commit 5793496 into Ranger-NF:dev Dec 24, 2025
2 checks passed
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.

2 participants