BeamMW / ios-wallet

Beam iOS Wallet
https://beam.mw/downloads
Apache License 2.0
21 stars 9 forks source link

Rework Create Password screen #506

Closed dariatarakanova closed 2 years ago

dariatarakanova commented 3 years ago

The layout is updated to eliminate user's confusion. The nicer input fields are aligned with those on Send/Receive screens.

  1. Empty password fields https://zpl.io/aMxLBgm

    • replace line input field with box input field
    • place the password requirement below the password and it's confirmation.
    • button inactive
    • make 10% opacity (instead of 5%) on selected field (as on "Password" field)
    • eye icon should be shown only on focused fields image
  2. Password filled, confirmation - error https://zpl.io/adQR4vn

    • make box in red color (oppacity 15%)
    • button inactive because of error
    • add error text image
  3. Password filled and confirmation correct https://zpl.io/aNvEZg9

    • button active image

Text for all password states here https://zpl.io/2G5n7KY image

AndreyDyakonov commented 2 years ago

Checked