Conversation
* Update swap UI design — card styling, spacing, and slippage panel - 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> * Center swap UI vertically on screen Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Mobile responsive: hamburger nav, smaller wallet button, tighter swap 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
* Update swap UI design — card styling, spacing, and slippage panel - 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 * Center swap UI vertically on screen * Mobile responsive: hamburger nav, smaller wallet button, tighter swap 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 * Modal updates * Modal updates: redesign deposit/withdraw modal, swap UI fixes - 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 * Fix dark mode for deposit/withdraw modal, orange active tab - 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: mico <mic0@mic0.dev>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR adds constant product algorithm pools (uni style) and redesign of much of the app