safe-global / safe-wallet-web

Safe{Wallet} – smart contract wallet for Ethereum (ex-Gnosis Safe multisig)
https://app.safe.global
GNU General Public License v3.0
311 stars 360 forks source link

UI fixes for transaction flows #3876

Open TanyaEfremova opened 1 week ago

TanyaEfremova commented 1 week ago

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 usesuccess-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

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.