Fix alignment

This commit is contained in:
Timothy Armes
2023-09-14 16:09:34 +02:00
parent 2d0c006446
commit 2d7e9744e7
+21 -10
View File
@@ -164,20 +164,31 @@ export default function Elo() {
required required
/> />
<SelectField <div className="flex items-center space-x-2">
name={`games.${i}.result`} <SelectField
placeholder={t("gameResultPlaceholder")} name={`games.${i}.result`}
options={["win", "draw", "loss"].map((result) => ({ placeholder={t("gameResultPlaceholder")}
value: result, options={["win", "draw", "loss"].map((result) => ({
label: t("gameResult", { result }), value: result,
}))} label: t("gameResult", { result }),
required }))}
/> required
/>
{gameFields.length > 1 && (
<button
className="hidden h-8 w-8 items-center justify-center rounded-md bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-700 sm:flex"
type="button"
onClick={() => removeGame(i)}
>
<IoCloseOutline className="h-6 w-6 text-gray-900 transition-all duration-200 hover:text-primary dark:text-neutral-400 hover:dark:text-white" />
</button>
)}
</div>
</div> </div>
{gameFields.length > 1 && ( {gameFields.length > 1 && (
<button <button
className="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-700" className="flex h-8 w-8 items-center justify-center rounded-md bg-neutral-100 hover:bg-neutral-200 dark:bg-neutral-600 dark:hover:bg-neutral-700 sm:hidden"
type="button" type="button"
onClick={() => removeGame(i)} onClick={() => removeGame(i)}
> >