Customization

Tailwindcss This resource uses tailwindcss, to customize the panel you have to open the UI folder in cmd, then install the dependencies ('npm i'), rebuild the css file ('npm run build'), then you have to open the 'output.css' file in the 'ui/dist' folder, there you can customize the panel as you like it (read the tailwindcss documentation for help), when everything is done you have to minify the css file with the command 'npx tailwindcss -o build.css --minify'. And now, its done. (if the css file does not load, you have to change the destination in the html file from 'build.css' to '../dist/output.css', but forget to change it back after the customization)

Last updated