diff --git a/wwwroot/css/forms-and-auth.css b/wwwroot/css/forms-and-auth.css index 4e45dcf..d140851 100644 --- a/wwwroot/css/forms-and-auth.css +++ b/wwwroot/css/forms-and-auth.css @@ -33,3 +33,13 @@ input[readonly].readonly { color: #6f6353; cursor: not-allowed; } + +.form-error { + color: #b23b3b; + font-weight: 600; +} + +.input-error { + border-color: #b23b3b; + box-shadow: 0 0 0 2px rgba(178, 59, 59, 0.1); +} diff --git a/wwwroot/js/i18n.js b/wwwroot/js/i18n.js index e35b382..bf4aa39 100644 --- a/wwwroot/js/i18n.js +++ b/wwwroot/js/i18n.js @@ -62,6 +62,7 @@ const translations = { "form.placeholder.screenshot": "Screenshot URL", "form.placeholder.youtube": "YouTube URL", "form.placeholder.gameUrl": "Game website URL", + "form.playersInvalid": "Players must be between 1 and 32, and min cannot exceed max.", "section.mySuggestions": "Your suggestions", "section.allSuggestions": "All suggestions", @@ -227,6 +228,7 @@ const translations = { "form.placeholder.screenshot": "Screenshot-URL", "form.placeholder.youtube": "YouTube-URL", "form.placeholder.gameUrl": "Spiel-Webseite", + "form.playersInvalid": "Spielerzahl muss zwischen 1 und 32 liegen, und Min darf Max nicht überschreiten.", "section.mySuggestions": "Deine Vorschläge", "section.allSuggestions": "Alle Vorschläge", diff --git a/wwwroot/js/ui.js b/wwwroot/js/ui.js index 67a028f..609369c 100644 --- a/wwwroot/js/ui.js +++ b/wwwroot/js/ui.js @@ -512,6 +512,7 @@ function buildSuggestionForm(initial = {}, lockTitle = false) { +