Dun-sin / Code-Magic

Code Generator - Easily Generate CSS and Tailwind code based on your choice and input

Home Page:https://code-magic.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] Alignment Issues in Input Range section

viditagrawal56 opened this issue Β· comments

Description

Currently in the Input Range section of the website there are many alignment issues.

  • The thumb in the preview overlaps the 'Preview' text when the 'include thumb radius' option is selected
  • Absence of proper whitespace between the heading and the input in thumb size selection section
  • The headings 'Track color' and 'Thumb Color' are too close to the input fields

Screenshots

Current Behavior :-

image

Expected Behavior :-

image

Additional information

No response

πŸ₯¦ Browser

Brave

πŸ‘€ Have you checked if this issue has been raised before?

  • I checked and didn't find a similar issue

🏒 Have you read the Contributing Guidelines?

Are you willing to work on this issue?

Yes I am willing to submit a PR!

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community πŸ€“

Hey @Dun-sin I would like to work on this issue. Please assign it to me.

Hey @Dun-sin I would like to work on this issue. Please assign it to me.

Definitely, thanks for wanting to contribute, make sure you follow the rules πŸ‘‰πŸ½hereπŸ‘ˆπŸ½, else your PR will not be accepted and will be closed. Good Luck.

πŸŽ‰ This issue has been resolved in version 2.72.2 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€