It's the first time I use Svelte with Tailwindcss in the same project. Any feedback is welcome.
jamaal mahamed
@jamaaldevAll comments
- @devtezzaSubmitted over 2 years ago@jamaaldevPosted over 2 years ago
that is really nice. I would like share with you one tip every time when you are creating numbers that need to be in the middle of the circle or etc don't use div or any other element except button when you create button and you write number inside it will automatically adjust the center of element. so you don't need to worry if your number is in the center of the circle etc.
Marked as helpful0 - @do55Submitted over 2 years ago
I was unable to make sibling number light gray when hover on another number. I also had to hardcoded all 5 numbers with addEventListeners, perhaps there is some better alternative for this.
@jamaaldevPosted over 2 years agofirst thing when you are hovering the links rate number you just need to use hover effect in CSS you don't need to make in JavaScript. the second issue you have is when clicking the rate number is not smooth it's all about how you implement the functionality of adding active and removing active, this is my solution check it please and learn from it how I did. everyone is different,
https://github.com/jamaaldev/interactive-rating-component-main/blob/main/script.js
Marked as helpful0 - @Enx-devSubmitted over 2 years ago
i have a problem with the refresh, any help?
@jamaaldevPosted over 2 years agoif you are using react router v6 have you tried using this hooks called useNavigate is good for when you refresh the page so that can remember where you are so no empty page issue also when you refresh it as well. it will remember the pages you are in is similar like history. I hope this may help you.
0