fix: address components copy icon on small screens

MukulKolpe commented 1 month ago

Description

Fixed the address components copy icon and "connected address" + Address component alignment for smaller screen size.

https://github.com/scaffold-eth/scaffold-eth-2/assets/78664749/51cbaf85-fe13-4500-8182-1d6503944d9d

Additional Information

[X] I have read the contributing docs (if this is your first contribution)
[X] This is not a duplicate of any existing pull request

Related Issues

Closes #863

Note: If your changes are small and straightforward, you may skip the creation of an issue beforehand and remove this section. However, for medium-to-large changes, it is recommended to have an open issue for discussion and approval prior to submitting a pull request.

Your ENS/address: 0xfC001B20Db6195b148cfc4F7685091931D93cD93

MukulKolpe commented 1 month ago

@technophile-04, let me know if there are any changes that should be made.

MukulKolpe commented 1 month ago

Thank you, @carletex. I've made the suggested changes and updated the video. Please let me know if there are any further changes.

technophile-04 commented 1 month ago

Hey thanks @MukulKolpe ! Added flex-shrink-0 to both Icons as well since they were shrinking in smaller device in Transaction receipt :

Before	After

scaffold-eth / scaffold-eth-2