Skip to content

Add Scroll to Top Button on Receipt Page#1028

Merged
Renu-code123 merged 3 commits intoRenu-code123:mainfrom
Eshajha19:receipt-scroll
Mar 7, 2026
Merged

Add Scroll to Top Button on Receipt Page#1028
Renu-code123 merged 3 commits intoRenu-code123:mainfrom
Eshajha19:receipt-scroll

Conversation

@Eshajha19
Copy link
Contributor

🚀 Add Scroll to Top Button on Receipt Page

Description

This PR introduces a Scroll to Top button on the Receipt page of the ExpenseFlow project. The Receipt page may include uploaded receipts, extracted details, and additional content, which can make the page lengthy. The added button allows users to quickly return to the top of the page, improving navigation and usability.

Changes Made

Added a Scroll to Top button to the Receipt page.

Implemented JavaScript functionality to display the button when the user scrolls down.

Added smooth scrolling behavior when the button is clicked.

Styled the button to match the existing ExpenseFlow UI design.

Ensured the feature works across desktop and mobile devices.

Benefits

Improves navigation on long pages

Enhances user experience

Provides quick access back to the top

Testing

Confirmed the button appears after scrolling down the page.

Verified smooth scrolling works correctly when the button is clicked.

Tested responsiveness on different screen sizes

This PR closes issue #1024 .

Screen.Recording.2026-03-06.221555.mp4

@vercel
Copy link

vercel bot commented Mar 6, 2026

@Eshajha19 is attempting to deploy a commit to the Renu's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

🎉 Thanks for the PR, @Eshajha19!

We really appreciate you taking the time to contribute to ExpenseFlow! 💙


⭐ Love this project?

Please give us a star! It helps the project grow and reach more developers! 🌟

🔗 https://github.com/Renu-code123/ExpenseFlow


✅ PR Checklist

Before we review, please ensure:

  • Your code follows the project's coding standards
  • All file changes are accurate and intentional
  • You've tested your changes locally
  • Any review comments have been addressed

🙌 Thank You for Contributing!

We truly appreciate your interest in contributing to this project.

  • Please make sure your code follows the project structure
  • Add clear commit messages and comments where necessary
  • Ensure your changes do not break existing functionality

We'll review your PR as soon as possible. Keep up the great work! ✨


@vercel
Copy link

vercel bot commented Mar 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
expenseflow Ready Ready Preview, Comment Mar 7, 2026 5:17am

@Renu-code123 Renu-code123 merged commit ab3c39e into Renu-code123:main Mar 7, 2026
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants