Skip to content

Portfolio tab v3 — minimal clean layout for mobile#723

Merged
realproject7 merged 1 commit intomainfrom
task/721-portfolio-v3
Apr 1, 2026
Merged

Portfolio tab v3 — minimal clean layout for mobile#723
realproject7 merged 1 commit intomainfrom
task/721-portfolio-v3

Conversation

@realproject7
Copy link
Copy Markdown
Owner

Summary

  • Holdings: border-separated list items (divide-y) instead of bordered cards
  • Primary row: title + genre badge + value + 24h% with flex-wrap
  • Secondary row: tokens · price · entry · date (compact, wrapping)
  • Genre tags as lightweight accent badges instead of bordered elements
  • No toggles, all info visible
  • Consistent design language with Stories tab v3

Fixes #721

Self-Verification

  • Mobile (375px): clean, minimal, no overflow
  • No toggle/collapse buttons
  • All info visible: portfolio, holdings, donations, trades
  • Genre tags don't break layout on mobile
  • Desktop: scales up properly
  • npm run build passes

🤖 Generated with Claude Code

- Holdings: border-separated list items instead of bordered cards
- Primary row: title + genre badge + value + 24h% (flex-wrap)
- Secondary row: tokens · price · entry · date (compact, wrapping)
- Genre tags as lightweight accent badges, not bordered elements
- No toggles, all info visible
- Consistent with Stories tab v3 design language

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Apr 1, 2026

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

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
plotlink Ignored Ignored Apr 1, 2026 2:25pm

Request Review

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

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

T2b APPROVE

Clean simplification matching Stories v3 design language. All #721 criteria met:

  • ✅ Holdings: bordered cards → divide-y divide-border list items (Zerion-style)
  • ✅ Primary: title + genre badge (bg-accent/10) + value + 24h% with flex-wrap + ml-auto
  • ✅ Secondary: tokens · price · entry · date at compact text-[11px]
  • ✅ Genre tags: lightweight accent badges instead of bordered — won't break mobile
  • ✅ No toggles, all info visible
  • flex-wrap + shrink-0 throughout for 375px safety
  • ✅ Consistent with Stories v3 card pattern
  • ✅ Build passes

+37/−50, single file. Net reduction — cleaner code, cleaner UI.

Copy link
Copy Markdown
Collaborator

@project7-interns project7-interns left a comment

Choose a reason for hiding this comment

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

Verdict: APPROVE

Summary

This revision keeps the portfolio v3 cleanup tightly focused on the holdings list and aligns it with issue #721's mobile-first, minimal layout goals.

Findings

  • None.

Decision

The holdings list now uses lighter visual separation, lightweight genre badges, and compact wrapping metadata while preserving all required information and staying consistent with the already-visible donations and trades sections. I am approving.

@realproject7 realproject7 merged commit 00ba322 into main Apr 1, 2026
5 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.

Portfolio tab v3 — minimal clean redesign for mobile

2 participants