When connecting wallets, the banner and "Buy VCX" buttons break. Everything should remain consistent when connecting a wallet. The width of the "Buy VCX" button should not change, and the banner should not split into two lines.
The distance between the "Buy VCX" button and the "Connect Wallet" button should be 8px.
Both buttons should have the same height of 48px. When connecting a wallet, it appears that the "Wallet Connected" button is not at the correct height of 48px.
The burger icon behaves oddly. It is only clickable when you click on the middle line. When closing it, there is a jumping transition.
Bugs
Desktop
When connecting wallets, the banner and "Buy VCX" buttons break. Everything should remain consistent when connecting a wallet. The width of the "Buy VCX" button should not change, and the banner should not split into two lines.
The distance between the "Buy VCX" button and the "Connect Wallet" button should be 8px.
Both buttons should have the same height of 48px. When connecting a wallet, it appears that the "Wallet Connected" button is not at the correct height of 48px.
The burger icon behaves oddly. It is only clickable when you click on the middle line. When closing it, there is a jumping transition.
Mobile:
The header on mobile is broken; we cannot see the VaultCraft logo. "Buy VCX" should be inside the menu. The only available button should be "Connect Wallet". Here's the link to the design. https://www.figma.com/file/kPTUKnb7DqgzoyyVemfSHW/POPCORN.-New-UI?type=design&node-id=1584%3A78521&mode=design&t=VUPcB8aCWfFhQcxY-1
Tooltips on cards do not work.
The Vaultron image does not load, and it is on top of the banner.