addwin/ipg
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

FEAT(pg): redesign payment gateway screens with a shared design system #6

Merged
Ghasemi merged 1 commit from feature/pg-screens-redesign into master 2026-09-06 09:58:16 -04:00
Conversation 0 Commits 1 Files changed 5 +339 -385
ali commented 2026-09-06 04:19:32 -04:00
Collaborator
Copy link

Introduce templates/pg/pg_base.html holding the common layout, Vazirmatn
typography, colour tokens and reusable components (buttons, rows, dividers,
gateway cards, alerts). All four payer-facing screens now extend it for a
consistent, mobile-first UI matching the approved UI/UX design:

  • payment_request: card layout with amount row + gateway picker cards
  • payment_confirm: restyled "in review" state
  • payment_success: extends base, adds tracking-code row
  • payment_failure: extends base, keeps refund notice

Mobile: full-bleed white screen, centred content, primary action pinned to
the bottom with safe-area padding. >=480px: floated centred card on a grey
canvas. No view/logic changes.

Co-Authored-By: Claude Sonnet 5 noreply@anthropic.com

Introduce templates/pg/pg_base.html holding the common layout, Vazirmatn typography, colour tokens and reusable components (buttons, rows, dividers, gateway cards, alerts). All four payer-facing screens now extend it for a consistent, mobile-first UI matching the approved UI/UX design: - payment_request: card layout with amount row + gateway picker cards - payment_confirm: restyled "in review" state - payment_success: extends base, adds tracking-code row - payment_failure: extends base, keeps refund notice Mobile: full-bleed white screen, centred content, primary action pinned to the bottom with safe-area padding. >=480px: floated centred card on a grey canvas. No view/logic changes. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
ali added 1 commit 2026-09-06 04:19:33 -04:00 
Introduce templates/pg/pg_base.html holding the common layout, Vazirmatn
typography, colour tokens and reusable components (buttons, rows, dividers,
gateway cards, alerts). All four payer-facing screens now extend it for a
consistent, mobile-first UI matching the approved UI/UX design:

- payment_request:  card layout with amount row + gateway picker cards
- payment_confirm:  restyled "in review" state
- payment_success:  extends base, adds tracking-code row
- payment_failure:  extends base, keeps refund notice

Mobile: full-bleed white screen, centred content, primary action pinned to
the bottom with safe-area padding. >=480px: floated centred card on a grey
canvas. No view/logic changes.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Ghasemi merged commit b670d57083 into master 2026-09-06 09:58:16 -04:00
Ghasemi deleted branch feature/pg-screens-redesign 2026-09-06 09:58:16 -04:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: addwin/ipg#6
No description provided.
Delete branch "feature/pg-screens-redesign"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?