Actions on receive address is confusing

[Keith-CY]

There is no clear boundary between QR code and address string, so the button to copy QR code would be considered the button to copy address string.

This case happens in receive sudt

The copy button of address string sits between qr code and buttons of qr code.

What if group them separately, or unify the interaction as follows

1. add copy/download button next to QR code and address string closely; or,
2. show actions when mouse over the QR code instead of adding a button next to it.

[Keith-CY]

BTW, I found the alert in receive sudt is not 100% wide of the dialog.

[Danie0918]

PRD

【Optimize the receive page interaction】

• Requirement Description:There is no clear boundary between QR code and address string, so the button to copy QR code would be considered the button to copy address string.

• Requirement Contents
  1. Show actions when mouse over the QR code instead of adding a button next to it.
  2. After clicking Copy, it shows that it has been copied.

[Danie0918]

UI：https://www.figma.com/file/6XNoimRDbFTTNm016rbIdU/Magickbase?type=design&node-id=28437-26765&mode=design&t=AY5lLSGCmoHUwzpQ-0

[devchenyan]

fixed: https://github.com/nervosnetwork/neuron/pull/2999