Skip to content

fix: yield details style polish - #11734

Closed
reallybeard wants to merge 29 commits into
developfrom
style-updates
Closed

fix: yield details style polish#11734
reallybeard wants to merge 29 commits into
developfrom
style-updates

Conversation

@reallybeard

@reallybeard reallybeard commented Jan 19, 2026

Copy link
Copy Markdown
Contributor

Description

Visual polish everywhere:

  • Cards now have a sleeker look with inset shadows instead of plain borders
  • Green buttons look better in dark mode (black text instead of white)
  • The "Available to Deposit" section got a nice green gradient glow effect and is more prominent now

New "Add More" feature:

  • When you already have a position staked somewhere, you'll now see a slick prompt letting you know you have more tokens available to add, along with potential earnings - makes it super easy to compound

Related Markets redesign:

  • Instead of a grid of cards, related yields now show up as a clean list - more compact and easier to scan
    Better page layouts:
  • All the Yields pages now use the standard app layout (Main + PageHeader components) instead of doing their own thing with Container - makes everything feel more consistent with the rest of the app

Provider info cards:

  • Added descriptions for major DeFi protocols (Morpho, Lido, Aave, Compound, etc.) so users know what they're getting into

Account selector flexibility:

  • You can now hide the balance or icon in the account selector dropdown - useful in tighter spaces

Misc cleanup:

  • Avatar sizing is now standardized across the app
  • LazyLoadAvatar works better with the size system
  • Some memoization tweaks in the yield items

Issue (if applicable)

closes #

Risk

High Risk PRs Require 2 approvals

low risk mostly UI updates

What protocols, transaction types, wallets or contract interactions might be affected by this PR?

Testing

Engineering

Operations

  • 🏁 My feature is behind a flag and doesn't require operations testing (yet)

Screenshots (if applicable)

Screenshot 2026-01-19 at 1 51 54 PM Screenshot 2026-01-19 at 1 51 20 PM

Summary by CodeRabbit

  • New Features

    • "Add More" quick action to deposit into existing yield positions
    • Yield comparison cards showing provider, chain and APY
  • Improvements

    • Enhanced "Available to Deposit" panel with balance, fiat estimate and yearly earnings
    • Redesigned yield detail pages with header-driven navigation and responsive layout
    • Toggleable display options for balances and icons
    • Refreshed card/badge visuals and gradients
    • Added new translation strings for yield UI
  • Refactor

    • Page/layout restructuring and theme refinements

✏️ Tip: You can customize this high-level summary in your review settings.

Loading
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