From cab2fc4d4696b2ed9881031474f6028d62b1101f Mon Sep 17 00:00:00 2001
From: Sebastien Pelletier <vesperknight@gmail.com>
Date: Tue, 26 Jul 2022 03:36:06 +0300
Subject: [PATCH] auto-commit

---
 package.json                          |  1 +
 resources/css/field.css               |  5 +++++
 resources/js/components/FormField.vue |  2 +-
 tailwind.config.js                    | 12 ++++++++++++
 webpack.mix.js                        |  3 +++
 5 files changed, 22 insertions(+), 1 deletion(-)
 create mode 100644 resources/css/field.css
 create mode 100644 tailwind.config.js

diff --git a/package.json b/package.json
index bb0e0d4..d7fe6a8 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,7 @@
         "@vue/compiler-sfc": "^3.2.22",
         "laravel-mix": "^6.0.41",
         "postcss": "^8.3.11",
+        "tailwindcss": "^3.1.6",
         "vue-loader": "^16.8.3"
     },
     "dependencies": {}
diff --git a/resources/css/field.css b/resources/css/field.css
new file mode 100644
index 0000000..fcf1083
--- /dev/null
+++ b/resources/css/field.css
@@ -0,0 +1,5 @@
+/* Nova Card CSS */
+
+/* Nova Field CSS */
+@tailwind components;
+@tailwind utilities;
\ No newline at end of file
diff --git a/resources/js/components/FormField.vue b/resources/js/components/FormField.vue
index c02213e..057d9e0 100644
--- a/resources/js/components/FormField.vue
+++ b/resources/js/components/FormField.vue
@@ -1,5 +1,5 @@
 <template>
-    <DefaultField :field="currentField" :full-width-content="currentField.fullWidth" :show-help-text="false">
+    <DefaultField :field="currentField" :full-width-content="currentField.fullWidth" :show-help-text="false" class="nova-attach-many">
         <template #field :class="{'border-danger border': hasErrors}">
             <div class="attach-many-container" :class="{'border-danger border': hasErrors}">
                 <div v-if="currentField.showToolbar" class="flex items-center border border-b-0 border-gray-100 dark:border-gray-700">
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..1c83aae
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,12 @@
+module.exports = {
+    content: [
+      "./resources/**/*.blade.php",
+      "./resources/**/*.js",
+      './resources/js/**/*.vue',
+    ],
+    theme: {
+      extend: {},
+    },
+    plugins: [],
+    important: '.nova-attach-many'
+  }
\ No newline at end of file
diff --git a/webpack.mix.js b/webpack.mix.js
index 63793ad..96e395e 100644
--- a/webpack.mix.js
+++ b/webpack.mix.js
@@ -6,4 +6,7 @@ mix
     .setPublicPath('dist')
     .js('resources/js/field.js', 'js')
     .vue({ version: 3 })
+    .postCss("resources/css/field.css", "css", [
+        require("tailwindcss"),
+    ])    
     .nova("dillingham/nova-attach-many")