#4161 fixes with drawer, colors // connect wallet on mobile

[prachi00]

Thank you for your contribution to the KodaDot NFT gallery.
👇 _ Let's make a quick check before the contribution.

PR type

• Bugfix
• Feature
• Refactoring

What's new?

• PR closes Connect wallet on mobile  #4161
• Requires deployment <rubick/magick_issue>
• <brief_description_of_what_I've_added>

Before submitting Pull Request, please make sure:

• My contribution builds clean without any errors or warnings
• I've merged recent default branch -- main and I've no conflicts
• I've tried to respect high code quality standards
• I've didn't break any original functionality
• I've posted a screenshot of demonstrated change in this PR

Optional

• I've tested it at </rmrk/collection/26902bc2f7c20c546a-1FVG7>
• I've tested PR on mobile and everything seems works
• I found edge cases
• I've written some unit tests 🧪

Had issue bounty label?

• Fill up your KSM address:
  Payout

Community participation

• Are you at KodaDot Discord?

Screenshot

• My fix has changed something on UI; a screenshot is best to understand changes for others.

[netlify]

✅ Deploy Preview for koda-nuxt ready!

Name	Link
🔨 Latest commit	0b09382
🔍 Latest deploy log	https://app.netlify.com/sites/koda-nuxt/deploys/63534ed29aa0b4000aa8f3ea
😎 Deploy Preview	https://deploy-preview-4162--koda-nuxt.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[kodabot]

SUCCESS @prachi00 PR for issue #4161 which is assigned to you. Please wait for review and don't hesitate to grab another issue in the meantime!

[codeclimate]

Code Climate has analyzed commit 0b09382 and detected 0 issues on this pull request.

View more on Code Climate.

[Jarsen136]

code lgtm

[prachi00]

Also, whooever is doing the payout for this one, please don't, payout was done twice on #4131 and it would be cool to adjust it here
@yangwao

[roiLeo]

There are still some issues with wallet, if you would like to take a look ref #4144

[roiLeo]

maybe wrong background?

Please could you update description as I don't really know what's changing here

[yangwao]

with lot of accounts on iphone 12 pro does this

Let's fix it in #4144

[exezbcz]

Few adjustments.

Visual:

• popup doesn't have a stroke.
• hover effect on each wallet should be different, not k-accent but in light mode: k-accentlight2 and in darkmode k-accentlight2dark, both are in landing page handoff - first page - colors
• "connect wallet" section should have the same height as the wallet selection (polkadot.js etc.)

Functional:

• by default, it should feature other wallet options, like in the Figma
  

[prachi00]

Few adjustments.

Visual:

• popup doesn't have a stroke.
• hover effect on each wallet should be different, not k-accent but in light mode: k-accentlight2 and in darkmode k-accentlight2dark, both are in landing page handoff - first page - colors
• "connect wallet" section should have the same height as the wallet selection (polkadot.js etc.)

Functional:

• by default, it should feature other wallet options, like in the Figma
  

I'll add these in #4144