getumbrel / umbrel-dashboard

[Deprecated] Moved to https://github.com/getumbrel/umbrel/tree/master/packages/dashboard. Web-based dashboard to interact with your Umbrel.
https://github.com/getumbrel/umbrel/tree/master/packages/dashboard
Other
132 stars 69 forks source link

Tailwind Migration #410

Closed KayBeSee closed 1 year ago

KayBeSee commented 2 years ago

This PR will allow us to write all new code using Tailwind moving forward while preserving the old bootstrap styles and functionality. Over time, we can migrate those components over to Tailwind as well.

lukechilds commented 2 years ago

Here's a diff without the formatting noise:

Click to expand! ```diff diff --git a/package.json b/package.json index 7c851fe..204755a 100644 --- a/package.json +++ b/package.json @@ -9,13 +9,16 @@ }, "dependencies": { "animate.css": "^3.7.2", + "autoprefixer": "^9.8.8", "axios": "^0.19.2", "bignumber.js": "^9.0.0", "bootstrap-vue": "^2.11.0", "core-js": "^3.4.4", "countup.js": "^2.0.4", "moment": "^2.24.0", + "postcss": "^7.0.39", "qrcode.vue": "^1.7.0", + "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17", "vue": "^2.6.10", "vue-confetti": "^2.0.7", "vue-router": "^3.1.3", diff --git a/postcss.config.js b/postcss.config.js new file mode 100644 index 0000000..12a703d --- /dev/null +++ b/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +}; diff --git a/public/index.html b/public/index.html index f00808e..f5be28c 100644 --- a/public/index.html +++ b/public/index.html @@ -11,7 +11,7 @@ - +