Standardise all modal designs
willgarrett64 opened this issue · comments
There are currently a few inconsistencies in the different modal designs and this should be corrected so all are standardised.
Changes needed:
All Modals
On smaller screens the open link icon next to addresses/hashes/etc shrinks - this size needs to be remain constant as with font size
SendModal
- change header to include a title similar to that of withdraw/sell/deposit
- remove the XE logo
- remove the border between header and body
- include a tx hash field with link to the tx in Explorer (see
DepositModalfor example)
Other Modals
- also check all
stakemodals (CreateStake/ReleaseStake/UnlockStake) to ensure a similar pattern is followed (I think all three need the border below header removed)
See below for example images
Withdraw / Sell / Deposit - the confirmation step of each follows this same below design (this is the design we intend to follow for all modals)
Send - the design is clearly different (this is an example of a modal that needs changing)
@annybs - for linking tx hash / wallet address / etc to Explorer, would you agree that it'd be worth creating a Link component (actual name tbc) similar to how we have Amount. It takes a hash/address/etc, and returns a nicely formatted, cut down link similar to how we already have the links displayed in DepositModal and all Stake modals?
Or would that be a separate ticket?
#193 - this issue described the refactor of the links