Fixed `QR Code Card` Display and Overflow in Profile > Deposit Section

aliraza556 commented 3 weeks ago

Problem:

The QR box appears immediately without the need to click the Generate button.
The QR code overflows from its container, both in small and large display sizes, affecting layout responsiveness.

Issue ticket number and link:

Ticket Number: [ 24 ]
Link: [ https://github.com/Lightning-Bounties/lb-next/issues/24 ]

closes #24

Evidence:

https://www.loom.com/share/2febddea547140e19d8c206eb7ecd777

Acceptance Criteria:

[x] QR box is hidden by default and only appears after clicking the Generate button.
[x] QR code fits properly within the box, ensuring responsiveness across different screen sizes.

aliraza556 commented 3 weeks ago

Hi @sutt, @lb-founders, Please merge this PR.

sutt commented 2 weeks ago

@aliraza556 Looks good, thanks! Added a reward to the issue and merging the PR now. I'll do a manual Claim Reward since the fix for that is going in next week. PS - These loom videos are very helpful.

aliraza556 commented 2 weeks ago

Looks good, thanks! Added a reward to the issue and merging the PR now. I'll do a manual Claim Reward since the fix for that is going in next week. PS - These loom videos are very helpful.

Thank you, @Sutt! Glad the Loom videos are helpful. Let me know if you need anything else from my side. Looking forward to the fix going live next week!

Lightning-Bounties / lb-next