From 53d351c37fd9db1d4e5caf1c61ba94b2e5aaa741 Mon Sep 17 00:00:00 2001 From: Cole Krumbholz Date: Wed, 25 Sep 2024 13:21:26 -0700 Subject: [PATCH] improving error styles --- examples/astro-react-demo/src/components/ContactForm.css | 3 +-- examples/astro-react-demo/src/components/ContactForm.tsx | 8 ++++++-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/examples/astro-react-demo/src/components/ContactForm.css b/examples/astro-react-demo/src/components/ContactForm.css index 16f6a0a..83a4130 100644 --- a/examples/astro-react-demo/src/components/ContactForm.css +++ b/examples/astro-react-demo/src/components/ContactForm.css @@ -54,6 +54,5 @@ .contact-form .error { color: #dc3545; font-size: 14px; - margin-top: -10px; - margin-bottom: 10px; + margin-top: 10px; } diff --git a/examples/astro-react-demo/src/components/ContactForm.tsx b/examples/astro-react-demo/src/components/ContactForm.tsx index a6dddf5..1103255 100644 --- a/examples/astro-react-demo/src/components/ContactForm.tsx +++ b/examples/astro-react-demo/src/components/ContactForm.tsx @@ -25,7 +25,7 @@ function ContactForm() { prefix="Email" field="email" errors={state.errors} - className="error-message" + className="error" />