search

GoodDollar / GoodProtocolUI

UI for the GoodProtocol smart contracts
https://good-swap.vercel.app
GNU General Public License v3.0
7 stars 11 forks source link

Bug: Tailwind stylesheets overrides microbridge design #392

Open L03TJ3 opened 1 year ago

L03TJ3 commented 1 year ago

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

  1. Go to dev.gooddapp
  2. Click on microbridge
  3. connect a wallet

Additional Context (result) image

(storybook-example) image

sirpy commented 1 year ago

@L03TJ3 please share a link to the problematic tailwind stylesheets and where do we import them

L03TJ3 commented 1 year ago

@sirpy added the issue description

sirpy commented 1 year ago

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).

decentralauren commented 4 months ago