react-simple-star-rating icon indicating copy to clipboard operation
react-simple-star-rating copied to clipboard

show stars in vertical line

Open abdurrahimkh opened this issue 2 years ago • 8 comments

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

abdurrahimkh avatar Aug 14 '22 08:08 abdurrahimkh

Same here with Chakra UI

remi-gai avatar Aug 20 '22 15:08 remi-gai

same here

LombaxTech avatar Sep 04 '22 14:09 LombaxTech

Even so in nextjs using tailwind

EmersonGarrido avatar Sep 12 '22 16:09 EmersonGarrido

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

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

anshumansworld avatar Sep 27 '22 06:09 anshumansworld

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

BurakFurkan avatar Oct 11 '22 20:10 BurakFurkan

image image

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

michael-2509 avatar Feb 22 '23 11:02 michael-2509

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

njoromyke avatar Feb 26 '23 09:02 njoromyke

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

njoromyke avatar Feb 26 '23 09:02 njoromyke