Skip to content

fix: tweak StakeTransactions component for mobile#502

Merged
ECWireless merged 3 commits intomainfrom
390-mobile-available-for-withdraw-item-misalignment
Jan 21, 2026
Merged

fix: tweak StakeTransactions component for mobile#502
ECWireless merged 3 commits intomainfrom
390-mobile-available-for-withdraw-item-misalignment

Conversation

@ECWireless
Copy link
Copy Markdown
Collaborator

Closes #390

Before

Screenshot 2026-01-18 at 12 12 23 PM

After

Screenshot 2026-01-18 at 12 12 13 PM

Copilot AI review requested due to automatic review settings January 18, 2026 19:14
@ECWireless ECWireless linked an issue Jan 18, 2026 that may be closed by this pull request
@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Jan 18, 2026

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

Project Deployment Review Updated (UTC)
explorer-arbitrum-one Ready Ready Preview, Comment Jan 21, 2026 10:34pm

Request Review

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR improves the mobile responsiveness of the StakeTransactions component by implementing a mobile-first layout approach. The changes address issue #390 by reorganizing the flex layout to stack vertically on mobile devices and display horizontally on larger screens.

Changes:

  • Converted layout from desktop-first to mobile-first responsive design using column layout with breakpoint overrides
  • Added gap-based spacing for mobile and margin-based spacing for desktop (@bp2 breakpoint)
  • Restructured button and amount display sections with additional Flex containers for better alignment control on mobile

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copy link
Copy Markdown
Collaborator

@Jipperism Jipperism left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Overall, I think this could do with a bit more polish. Maybe align the amount to the left instead of right on mobile, or make it bold. I'd also underline or bolden the address on those tiles, so it's clear that it's an link, which it isn't on mobile atm. It does work, so if these designs are okay, feel free to merge.

@github-project-automation github-project-automation bot moved this from In Review to Todo in Explorer Revamp Jan 21, 2026
@Jipperism Jipperism moved this from Todo to In Review in Explorer Revamp Jan 21, 2026
@ECWireless
Copy link
Copy Markdown
Collaborator Author

Overall, I think this could do with a bit more polish. Maybe align the amount to the left instead of right on mobile, or make it bold. I'd also underline or bolden the address on those tiles, so it's clear that it's an link, which it isn't on mobile atm. It does work, so if these designs are okay, feel free to merge.

Addressed in beecb0e

@ECWireless ECWireless merged commit 4083947 into main Jan 21, 2026
7 checks passed
@ECWireless ECWireless deleted the 390-mobile-available-for-withdraw-item-misalignment branch January 21, 2026 22:43
@github-project-automation github-project-automation bot moved this from In Review to Done in Explorer Revamp Jan 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

Mobile available for withdraw item misalignment

3 participants