[Mobile] Fix issue with image inside input
- Dominant language
- TypeScript
- Stars
- 853
- Forks
- 662
- Avg merge
- 2d 8h
- Merged PRs (30d)
- 8
Description
Images inside input need some styles to be fixed (padding, etc.).
It should work like the icon in the example.
Reference to extension code doing the same thing: https://github.com/MetaMask/metamask-extension/blob/main/ui/components/app/snaps/snap-ui-renderer/index.scss#L37-L42
Snap JSX code that can be used for testing:
```xml
ETH
Whatever
Whatever
```
Contributor guide
Research direction
Start with the Snap JSX example in the issue and compare the image styling with the referenced extension code in index.scss. Locate the Snap UI renderer styles for images inside input-adjacent content, then verify the padding and alignment in the normal and error examples. Done means the image behaves like the example icon in all three cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100