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>