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; } +}