safe-wallet-web icon indicating copy to clipboard operation
safe-wallet-web copied to clipboard

Published 20 hours ago • verified publisher icon safe-global

UI fixes for transaction flows

Open TanyaEfremova opened this issue 8 months ago • 0 comments

Bug description

  1. Align progress bars styles in Transaction flow and with the one in Create/Add Safe Account. The progress bar (MuiLinearProgress) should use linear-gradient(#5FDDFF,#12FF80) in both light and dark modes. Screenshot 2024-06-26 at 18 21 53 Screenshot 2024-06-26 at 18 24 04

For reference see Figma.

  1. Icons in the transaction status should use success-main depending on their status (e.g. when a transaction is being confirmed, the checkmark icon should turn green instead of grey). Screenshot 2024-06-26 at 18 31 10

Environment

  • Browser: Chrome
  • Wallet: MetaMask
  • Chain: Ethereum mainnet

Steps to reproduce

  1. Go to a new transaction screen and see the status bar above the transaction card header and the transaction status on the right.

Expected result

Described above.

Obtained result

Screenshots

See above.

TanyaEfremova avatar Jun 26 '24 22:06 TanyaEfremova