Error container improvement

This commit is contained in:
joncrangle
2023-12-01 20:00:36 -05:00
parent 59a57f2dbd
commit d9714fb449
2 changed files with 10 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@@ -233,12 +233,15 @@
<path d="m6 6 12 12" /> <path d="m6 6 12 12" />
</svg> </svg>
</button> </button>
<p
id="errorContainer"
class="absolute ml-2 left-0 -bottom-6 text-red-700 dark:text-red-400 text-sm"
/>
</div> </div>
<p
id="errorContainer" <div
class="ml-2 [&:not(:first-child)]:mt-0 text-red-700 dark:text-red-400 text-sm" class="flex flex-wrap-reverse mt-5 gap-x-10 gap-y-4 justify-center"
/> >
<div class="flex flex-wrap-reverse gap-x-10 gap-y-4 justify-center">
<button <button
type="button" type="button"
id="outlineButton" id="outlineButton"
@@ -300,6 +303,7 @@
function clearInput() { function clearInput() {
inputField.value = ""; inputField.value = "";
clearButton.style.display = "none"; clearButton.style.display = "none";
errorContainer.textContent = "";
inputField.focus(); inputField.focus();
} }