electron-react-boilerplate icon indicating copy to clipboard operation
electron-react-boilerplate copied to clipboard

Importing tailwind without config as per the docs doesn't seem to work

Open austinthetaco opened this issue 1 year ago • 2 comments

Prerequisites

  • [x] Using npm
  • [x] Using an up-to-date main branch
  • [x] Using latest version of devtools. Check the docs for how to update
  • [x] Tried solutions mentioned in #400
  • [x] For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

Tailwind works when imported

Current Behavior

tailwind is not working. I've imported it and then added tailwind classes but they aren't being applied

Steps to Reproduce

using the base boilerplate, per the docs I ran the npm install tailwindcss command as well as imported in the renderer App.tsx file import "tailwindcss/tailwind.css";

as you can see in the image a class is set on the div but not being applied by tailwind

image

Possible Solution (Not obligatory)

Context

Your Environment

  • Node version : LTS
  • electron-react-boilerplate version or branch : latest
  • Operating System and version : Mac OS
  • Link to your project :

austinthetaco avatar Mar 08 '23 01:03 austinthetaco

did you find a solution?

Thiomark avatar Mar 19 '23 17:03 Thiomark

You should check the #3358. It is custom tailwind but it work after some modification.

minhvyha avatar May 30 '23 11:05 minhvyha