From fbde46c7715c856fd26dd5275694f03508665c18 Mon Sep 17 00:00:00 2001
From: Dennis Postma <dennis@directonline.io>
Date: Tue, 2 Jul 2024 22:08:18 +0200
Subject: [PATCH] Chips input stuff

---
 src/components/forms/ChipsInput.vue                       | 1 +
 .../utilities/assetManager/partials/TileDetails.vue       | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/forms/ChipsInput.vue b/src/components/forms/ChipsInput.vue
index 312b99f..b3cd2b6 100644
--- a/src/components/forms/ChipsInput.vue
+++ b/src/components/forms/ChipsInput.vue
@@ -71,6 +71,7 @@ input {
   outline: none;
   padding: 4px;
   margin: 4px;
+  color:white;
 }
 
 .delete-icon {
diff --git a/src/components/utilities/assetManager/partials/TileDetails.vue b/src/components/utilities/assetManager/partials/TileDetails.vue
index cebb8e1..d30fe03 100644
--- a/src/components/utilities/assetManager/partials/TileDetails.vue
+++ b/src/components/utilities/assetManager/partials/TileDetails.vue
@@ -3,13 +3,15 @@
     <img :src="`${config.server_endpoint}/assets/tiles/${assetManagerStore.selectedTile}.png`" alt="Tile" />
   </div>
   <div class="modal-form asset-manager">
-    <ChipsInput />
-    <form class="form-fields">
+    <form class="form-fields" @submit.prevent>
       <div class="form-field name">
         <label for="name">Name</label>
         <input class="input-cyan" type="text" name="name" placeholder="E.g. grass" />
       </div>
-
+      <div class="form-field tags">
+        <label for="tags">Tags</label>
+        <ChipsInput />
+      </div>
       <div class="submit">
         <button class="btn-cyan" type="submit">Save</button>
         <button class="btn-bordeaux" type="button" @click="removeTile">Remove</button>