Tailwind support for Geoweaver - UI Enchanment#485
Tailwind support for Geoweaver - UI Enchanment#485gokulprathin8 wants to merge 4 commits intoESIPFed:mainfrom
Conversation
# Conflicts: # src/main/resources/templates/geoweaver.html
|
can someone test this please? |
|
|
||
| <script type="text/javascript" src="../js/intro.min.js"></script> | ||
|
|
||
| <link rel="stylesheet" href="../css/tailwind.css"> |
There was a problem hiding this comment.
I think we have to add this in our project? can we use CDN here instead of including entire source of tailwindcss in our project?
There was a problem hiding this comment.
its better to use a local version
it is same across all the lib we use in the project
There was a problem hiding this comment.
Got it
We need to build the tailwind.css using the command
npm install tailwindcss --save-dev
npm run build:css which will automatically build the tailwind.css for our project optimally
The tailwind functionality is working fine
Pls Add nodemodules inside .gitignore file to avoid nodemodules pushed into project mistakenly
Add the above css build step in the ci/cd
everything looks good to me
Please note that all tailwind classes are prefixed with
tw-this is done to avoid conflicts with existing css classes.we can use all the CSS helper functions from https://tailwindui.com/?ref=top