awran5 / react-simple-star-rating

A simple react component for adding a star rating to your project.
https://react-simple-star-rating.vercel.app/
MIT License
136 stars 32 forks source link

show stars in vertical line #22

Open abdurrahimkh opened 2 years ago

abdurrahimkh commented 2 years ago

issue with Tailwinds CSS/Daisy components it shows stars in vertical line

remi-gai commented 2 years ago

Same here with Chakra UI

LombaxTech commented 2 years ago

same here

EmersonGarrido commented 2 years ago

Even so in nextjs using tailwind

anshumansworld commented 2 years ago

A workaround, set CSS as follows for empty and fill:

.empty-icons {
  display: flex !important;
}
.filled-icons {
  display: -webkit-inline-box !important;
}
BurakFurkan commented 2 years ago

A workaround, set CSS as follows for empty and fill:

.empty-icons {
  display: flex !important;
}
.filled-icons {
  display: -webkit-inline-box !important;
}

ty it worked

michael-2509 commented 1 year ago

image image

I am using tailwind and i have applied both styles and yet it is still vertical

njoromyke commented 1 year ago

Add this in global styles .style-module_emptyIcons__Bg-FZ { display: flex !important; }

njoromyke commented 1 year ago

.style-module_emptyIcons__Bg-FZ { display: flex !important; }