From a25e1b4ae544191ac00992efc09b1057a0790694 Mon Sep 17 00:00:00 2001
From: Sosthene <contact@sosthene.net>
Date: Fri, 13 Jun 2025 20:26:26 +0200
Subject: [PATCH] Add error-message css

---
 src/components/ProfileModal.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/ProfileModal.css b/src/components/ProfileModal.css
index e3f3efe..0ede28f 100644
--- a/src/components/ProfileModal.css
+++ b/src/components/ProfileModal.css
@@ -165,10 +165,30 @@
   box-shadow: 0 2px 4px rgba(103, 58, 183, 0.2);
 }
 
+.error-message {
+  color: red;
+  background-color: #ffebee; /* Light red background */
+  padding: 10px;
+  border-radius: 4px;
+  margin-top: 10px;
+  border-left: 4px solid red; /* Left border for emphasis */
+  font-weight: bold;
+  animation: fadeIn 0.5s ease-in-out;
+}
+
+.error-message::before {
+  content: "⚠️ "; /* Unicode for warning emoji */
+}
+
 /* Styles adaptatifs pour les écrans plus petits */
 @media (max-width: 768px) {
   .form-row {
     grid-template-columns: 1fr;
     gap: 0.5rem;
   }
-}
\ No newline at end of file
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}