Skip to content

chore: Swap page UI Refinements and clean up#8

Merged
caxtonacollins merged 8 commits into
mainfrom
swap-page-and-clean-up
May 25, 2026
Merged

chore: Swap page UI Refinements and clean up#8
caxtonacollins merged 8 commits into
mainfrom
swap-page-and-clean-up

Conversation

@caxtonacollins
Copy link
Copy Markdown
Owner

Swap Page & UI Refinements

Summary

Polish and enhance the swap experience with improved UI/UX across landing page, swap interface, and confirmation flows.

Changes

  • Landing Page: Updated content and styling for better visual hierarchy
  • Swap Interface: Enhanced UX with improved interactions and feedback
  • AI Agent Panel: Refined presentation and information display
  • Swap Confirmation: Updated modal with clearer transaction details
  • Footer: Styling and layout improvements
  • Swap Panel: Component refactor for better maintainability
  • CI: Updated workflow configuration

Testing

  • Verified swap flow end-to-end
  • Tested responsive design across breakpoints
  • Confirmed AI agent panel displays correctly

Navin Developer added 8 commits May 25, 2026 22:00
- Change top input container to rounded-t-3xl with border-b-0
- Change bottom input container to rounded-b-3xl with border-t-0
- Position swap button with z-20 and -my-5 to overlap both containers
- Remove gap between containers (space-y-0) for seamless visual flow
- Creates Uniswap-like design with arrow button centered between inputs
- Temporarily disable the non-custodial and route info badges
- These can be re-enabled or removed in future iterations
- Remove 'Mento oracle' text from agent recommendation label
- Allows for more flexible oracle routing in future
- Update USDC logo path from /tokens/usdc.png to /usd-coin-usdc-logo.svg
- Update USDT logo path from /tokens/usdt.png to /tether-usdt-logo.svg
- Update CELO logo path from /tokens/celo.png to /celo-logo.svg
- Update SUPPORTED_TOKENS to use new SVG paths
- Improves visual quality with vector graphics
- Comment out platform fee stat from stats section
- Update feature title to 'Mento & Uniswap Pricing'
- Remove oracle-backed rates and platform fee from feature grid
- Update swap example: 0.50 CELO → 100 USDC, ~0.04 USDC → ~99.70 USDT
- Change CTA link from '#swap' to 'app' for direct navigation
- Add celo-logo.svg
- Add tether-usdt-logo.svg
- Add usd-coin-usdc-logo.svg
- Replaces PNG assets with vector graphics for better quality
@vercel
Copy link
Copy Markdown

vercel Bot commented May 25, 2026

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

Project Deployment Actions Updated (UTC)
jahpay Ready Ready Preview, Comment May 25, 2026 9:42pm

@caxtonacollins caxtonacollins merged commit 547497d into main May 25, 2026
7 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.

1 participant