diff --git a/grid_form.scss b/grid_form.scss index ec48f79..bea0787 100644 --- a/grid_form.scss +++ b/grid_form.scss @@ -59,9 +59,14 @@ border-color: #90cdf4; } .form_input_invalid { - border: 2px solid #EF4444; + border: 2px solid #ef4444; background-color: #ffd4d4; } +.form_error { + display: inline; + padding-left: 0.25rem; + color: #ef4444; +} .form_submit { display: block; diff --git a/src/styles/grid_form.rs b/src/styles/grid_form.rs index 5f6a747..59cef18 100644 --- a/src/styles/grid_form.rs +++ b/src/styles/grid_form.rs @@ -48,7 +48,7 @@ impl FormStyle for GridFormStyle { - + {move || format!("{}", validation_state.get().err().unwrap_or_default())}