[vtadmin-web] Add tailwindcss (#9215)

* Install and configure tailwind Signed-off-by: Sara Bee <[email protected]> * Fix CSS bugs + regressions Signed-off-by: Sara Bee <[email protected]> * .font-family-monospace -> .font-mono Signed-off-by: Sara Bee <[email protected]> * Add monospace font-family to tailwind config Signed-off-by: Sara Bee <[email protected]> * 🔪 DataCell.module.scss Signed-off-by: Sara Bee <[email protected]> * .font-family-primary -> .font-sans Signed-off-by: Sara Bee <[email protected]> * Replace font vars with theme(...) calls Signed-off-by: Sara Bee <[email protected]> * 🔪 text-align util classes Signed-off-by: Sara Bee <[email protected]> * .font-weight-bold -> .font-bold Signed-off-by: Sara Bee <[email protected]> * .text-color-secondary -> .text-secondary Signed-off-by: Sara Bee <[email protected]> * .white-space-nowrap -> .whitespace-nowrap Signed-off-by: Sara Bee <[email protected]> * 🔪 Clusters.module.scss Signed-off-by: Sara Bee <[email protected]> * 🔪 Keyspaces.module.scss Signed-off-by: Sara Bee <[email protected]> * 🔪 TabletChards.module.scss Signed-off-by: Sara Bee <[email protected]> * 🔪 WorkflowStreams.module.scss Signed-off-by: Sara Bee <[email protected]> * 🔪 ContentContainer.module.scss Signed-off-by: Sara Bee <[email protected]> * Quick margin fix for p elements Signed-off-by: Sara Bee <[email protected]> * Add README link to tailwindcss.com Signed-off-by: Sara Bee <[email protected]>
vitessio · Nov 12, 2021 · 5e7c796 · 5e7c796
1 parent 77b9806
commit 5e7c796
Show file tree

Hide file tree

Showing 37 changed files with 1,403 additions and 411 deletions.
diff --git a/web/vtadmin/README.md b/web/vtadmin/README.md
@@ -24,6 +24,7 @@ Scripts for common and not-so-common tasks. These are always run from the `vites
 - [create-react-app](https://create-react-app.dev/) (generated with v.4.0.1)
 - [TypeScript](http://typescriptlang.org/)
 - [protobufjs](https://github.com/protobufjs)
+- [tailwindcss](https://tailwindcss.com/)
 
 ## Environment Variables
 

diff --git a/web/vtadmin/craco.config.js b/web/vtadmin/craco.config.js
@@ -0,0 +1,11 @@
+module.exports = {
+    style: {
+        postcss: {
+            plugins: [
+                require('tailwindcss'),
+                // Required for tailwindcss
+                require('autoprefixer'),
+            ],
+        },
+    },
+};