Created global style class for form field containers

This commit is contained in:
2024-07-25 23:17:04 +02:00
parent d18dfc8045
commit 095144fa8f
7 changed files with 68 additions and 55 deletions

View File

@ -8,12 +8,12 @@
</div>
<div class="m-2.5 p-2.5 block">
<form class="flex gap-2.5 flex-wrap" @submit.prevent="saveTile">
<div class="w-full flex flex-col mb-5">
<label class="mb-1.5 font-titles" for="name">Name</label>
<div class="form-field-full">
<label for="name">Name</label>
<input v-model="tileName" class="input-cyan" type="text" name="name" placeholder="Tile #1" />
</div>
<div class="w-full flex flex-col mb-5">
<label class="mb-1.5 font-titles" for="origin-x">Tags</label>
<div class="form-field-full">
<label for="origin-x">Tags</label>
<ChipsInput v-model="tileTags" @update:modelValue="tileTags = $event" />
</div>
<button class="btn-cyan px-4 py-1.5 min-w-24" type="submit">Save</button>