Fix #7203. Help indicate that author should be an email. Add error styling.

This commit is contained in:
Dion Moult
2025-10-06 14:48:22 +11:00
parent ccccbe23f4
commit 11873a7c51
2 changed files with 7 additions and 2 deletions
+5
View File
@@ -598,6 +598,11 @@ html, body {
border-color: #008242;
box-shadow: 0 0 0 0.2rem #00824254;
}
.form-input:invalid {
outline: 1px;
border-color: #f44336;
box-shadow: 0 0 0 0.2rem #f4433654;
}
.form-input::placeholder {
color: #888888;
}
@@ -22,7 +22,7 @@
<input class="form-input" type="text" bind:value={() => getProp("title"), (v) => setProp("title", v)} placeholder="Enter IDS title">
</div>
<div class="form-group">
<label>Author</label>
<label>Author Email</label>
<input class="form-input" type="email" bind:value={() => getProp("author"), (v) => setProp("author", v)} placeholder="Enter author">
</div>
<div class="form-group">
@@ -50,4 +50,4 @@
<input class="form-input" type="text" bind:value={() => getProp("copyright"), (v) => setProp("copyright", v)} placeholder="Enter copyright">
</div>
</div>
</div>
</div>