kantakshay commented 11 months ago

Fixes Issue

**My PR closes #467

👨‍💻 Changes proposed(What did you do ?)

first of all, I changed the styles of the checkbox as per the new design.
Added + and - buttons beside the input element
styled them so they look good.
Implemented function to the + and - buttons so they can add or subtract the values of input elements.
for the function implementation I made changes in the input-range.ts and getElement.ts files

✔️ Check List (Check all the applicable boxes)

[x] My code follows the code style of this project.
[x] This PR does not contain plagiarized content.
[x] The title and description of the PR is clear and explains the approach.

Note to reviewers

📷 Screenshots

Screenshot (183)

vercel[bot] commented 11 months ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
code-magic	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 18, 2023 6:54am

Dun-sin commented 11 months ago

you forgot the space between i talked about

Dun-sin commented 11 months ago

Doesn't look good on mobile Screenshot_2023-10-17-11-15-15-299_com.brave.browser-edit.jpg

Dun-sin commented 11 months ago

still the same, use flex to properly style -> in case you don't know how to use it https://css-tricks.com/snippets/css/a-guide-to-flexbox/ use the space between to give a space between them, don't gap for situations like this

it should look like this:

Dun-sin commented 11 months ago

:tada: This PR is included in version 2.71.0 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket:

Dun-sin / Code-Magic

feat: better styling for thumb/track radius #501

Fixes Issue

👨‍💻 Changes proposed(What did you do ?)

✔️ Check List (Check all the applicable boxes)

Note to reviewers

📷 Screenshots