Skip to content

design: create dark mode dispute detail page#412

Merged
amina69 merged 2 commits into
amina69:mainfrom
QueenColly:design/dispute-page
Jun 30, 2026
Merged

design: create dark mode dispute detail page#412
amina69 merged 2 commits into
amina69:mainfrom
QueenColly:design/dispute-page

Conversation

@QueenColly

Copy link
Copy Markdown
Contributor

Closes #403

Summary of Work:
Completed the high-fidelity design for the Dispute Detail Page in alignment with the platform’s established Dark Mode design system.

Design Highlights:

Theme Application: Designed using the dark-themed surface palette, ensuring strong contrast ratios and readability for detailed dispute data.

Component Architecture: Utilized auto-layout and nested components for data tables, timeline steps, and status badges to ensure full responsiveness across different screen sizes.

Layout Structure: Organized the page hierarchy to clearly display dispute status, supporting evidence, and resolution actions, maintaining consistency with existing page templates.

Organization: All layers are logically grouped and named according to project standards for streamlined hand-off to the engineering team.

Deliverables:

High-fidelity Figma frames for Desktop and Mobile (Responsive).

Documented component states (e.g., pending review, resolved, escalation states).

@vercel

vercel Bot commented Jun 29, 2026

Copy link
Copy Markdown

@QueenColly is attempting to deploy a commit to the sheriffamina1-9497's projects Team on Vercel.

A member of the Team first needs to authorize it.

@amina69 amina69 merged commit d9ba560 into amina69:main Jun 30, 2026
1 of 3 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.

Figma Design: Dispute Detail Page - Dark Mode

2 participants