1
0
forked from noxious/client

Chips input stuff

This commit is contained in:
Dennis Postma 2024-07-02 22:08:18 +02:00
parent 4c6978e0c0
commit fbde46c771
2 changed files with 6 additions and 3 deletions

View File

@ -71,6 +71,7 @@ input {
outline: none; outline: none;
padding: 4px; padding: 4px;
margin: 4px; margin: 4px;
color:white;
} }
.delete-icon { .delete-icon {

View File

@ -3,13 +3,15 @@
<img :src="`${config.server_endpoint}/assets/tiles/${assetManagerStore.selectedTile}.png`" alt="Tile" /> <img :src="`${config.server_endpoint}/assets/tiles/${assetManagerStore.selectedTile}.png`" alt="Tile" />
</div> </div>
<div class="modal-form asset-manager"> <div class="modal-form asset-manager">
<ChipsInput /> <form class="form-fields" @submit.prevent>
<form class="form-fields">
<div class="form-field name"> <div class="form-field name">
<label for="name">Name</label> <label for="name">Name</label>
<input class="input-cyan" type="text" name="name" placeholder="E.g. grass" /> <input class="input-cyan" type="text" name="name" placeholder="E.g. grass" />
</div> </div>
<div class="form-field tags">
<label for="tags">Tags</label>
<ChipsInput />
</div>
<div class="submit"> <div class="submit">
<button class="btn-cyan" type="submit">Save</button> <button class="btn-cyan" type="submit">Save</button>
<button class="btn-bordeaux" type="button" @click="removeTile">Remove</button> <button class="btn-bordeaux" type="button" @click="removeTile">Remove</button>