Commented out color swatch, added justify-center

This commit is contained in:
Dennis Postma 2024-11-23 15:38:39 +01:00
parent ba8af589a7
commit a8e50c993a

View File

@ -26,7 +26,7 @@
</button> </button>
</div> </div>
</div> </div>
<div class="py-6 px-8 h-[calc(100%_-_48px)] flex flex-col items-center gap-6" v-if="selected_character"> <div class="py-6 px-8 h-[calc(100%_-_48px)] flex flex-col items-center gap-6 justify-center" v-if="selected_character">
<input class="input-field w-[158px]" type="text" name="name" :placeholder="characters.find((c) => c.id == selected_character)?.name" /> <input class="input-field w-[158px]" type="text" name="name" :placeholder="characters.find((c) => c.id == selected_character)?.name" />
<div class="flex flex-col gap-4 items-center"> <div class="flex flex-col gap-4 items-center">
<div class="flex flex-col gap-3"> <div class="flex flex-col gap-3">
@ -39,10 +39,10 @@
<img src="/assets/icons/triangle-icon.svg" class="w-3 h-3.5 -scale-x-100" alt="Arrow right" /> <img src="/assets/icons/triangle-icon.svg" class="w-3 h-3.5 -scale-x-100" alt="Arrow right" />
</button> </button>
</div> </div>
<div class="flex justify-between w-[190px]"> <!-- <div class="flex justify-between w-[190px]">-->
<!-- TODO: replace with color swatches --> <!-- &lt;!&ndash; TODO: replace with color swatches &ndash;&gt;-->
<button v-for="n in 9" class="w-4 h-4 rounded-sm bg-white"></button> <!-- <button v-for="n in 9" class="w-4 h-4 rounded-sm bg-white"></button>-->
</div> <!-- </div>-->
</div> </div>
<!-- TODO: update gender on (selected) character --> <!-- TODO: update gender on (selected) character -->
<div class="flex justify-between w-[190px]"> <div class="flex justify-between w-[190px]">