Skip to content

Conversation

@MohanPrasathSece
Copy link

This PR adds a global, accessible Scroll‑to‑Top button to improve navigation on long pages. The button appears after the user scrolls down 300px and provides a smooth scroll back to the top, enhancing overall UX and reducing friction in deep content sections. It is rendered site‑wide via
app/layout.tsx
, respects dark mode, and includes keyboard‑focus styles and an aria-label for accessibility. Positioning has been tuned (bottom-8 right-10 md:right-12) so it remains visible across screen sizes and avoids overlapping UI. Implemented in
components/ScrollToTop.tsx
and imported in
app/layout.tsx
.

@vercel
Copy link

vercel bot commented Oct 3, 2025

@MohanPrasathSece is attempting to deploy a commit to the Eesh Midha's projects Team on Vercel.

A member of the Team first needs to authorize it.

@MohanPrasathSece
Copy link
Author

Added
components/ScrollToTop.tsx
and wired it globally in
app/layout.tsx
.
Appears after 300px scroll; smooth scroll to top on click.
Accessible: aria-label, focus-visible ring, pointer cursor.
Position adjusted for better visibility (bottom-8 right-10 md:right-12).

@eeshm
Copy link
Owner

eeshm commented Oct 3, 2025

Will check the pr soon and get back to you.

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