Skip to content

Modal updates#61

Merged
0x0-mico merged 7 commits intoxykfrom
modal-updates
Mar 19, 2026
Merged

Modal updates#61
0x0-mico merged 7 commits intoxykfrom
modal-updates

Conversation

@dotsolo
Copy link
Collaborator

@dotsolo dotsolo commented Mar 16, 2026

Summary

  • Modal UI updates and improvements

Test plan

  • Verify modal components render correctly
  • Test modal open/close behavior
  • Check responsive behavior

🤖 Generated with Claude Code

dotsolo and others added 4 commits March 9, 2026 09:53
- Sell card: white bg with border, buy card: gray bg no border
- Larger rounded corners, more padding, tighter card gap
- Swap arrows: original SVG in smaller rounded box with white buffer
- Settings gear: larger icon, slippage panel aligned to card edge
- Simplified slippage panel: cleaner layout, bigger input
- Lightened background dots
- Moved "Powered by Miden" between content and footer
- Bigger, bolder Connect Wallet button

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
… spacing

- Header: hamburger menu on mobile, centered wallet button
- Wallet button: smaller text/padding/icons on mobile
- Swap cards: responsive padding and text sizes
- Gear icon: scales down on mobile

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@dotsolo dotsolo changed the base branch from main to xyk March 16, 2026 15:05
dotsolo and others added 3 commits March 16, 2026 15:12
- Redesign pool modal with cleaner layout: input card, details section
  (slippage, balance, position, pool share), receive summary, and CTA
- Fix Buy card label (was "Sell")
- Add rotation animation to swap pairs icon
- Increase swap icon size and adjust viewBox
- Thicken wallet icon stroke for better visual weight
- Compact slippage dropdown for modal context
- Fix modal z-index so chart doesn't overlap

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Replace hardcoded bg-white/bg-[hsl] with theme-aware bg-background/bg-muted
- Use text-primary-foreground on percentage buttons
- Active tab uses orange (bg-primary) instead of background color

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@0x0-mico 0x0-mico merged commit 1193d6c into xyk Mar 19, 2026
@0x0-mico 0x0-mico deleted the modal-updates branch March 19, 2026 09:24
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