Open L03TJ3 opened 1 year ago
@L03TJ3 please share a link to the problematic tailwind stylesheets and where do we import them
@sirpy added the issue description
can we use something like reseting the parent component style? https://www.tutorialrepublic.com/faq/how-to-reset-or-remove-css-style-for-a-particular-element.php#:~:text=Answer%3A%20Use%20the%20CSS%20all,to%20browser's%20default%20CSS%20styling).
Bug Description
Tailwind styles interfere with native-base styles because of generic HTML selectors used
imported stylesheet: https://github.com/GoodDollar/GoodProtocolUI/blob/6023dd023a2b32f0fb6b4f22c7d3845403547071/src/styles/index.css#L2
explaining issue (fixed for the switch component): https://github.com/GoodDollar/GoodProtocolUI/blob/6023dd023a2b32f0fb6b4f22c7d3845403547071/src/styles/index.css#L69
Steps to Reproduce
Additional Context (result)![image](https://user-images.githubusercontent.com/6606028/226912239-2ee77790-0879-4835-a24d-de34f6820cc3.png)
(storybook-example)![image](https://user-images.githubusercontent.com/6606028/226914385-8ea0583a-6f02-49d7-a077-04b5f499ff15.png)