Fix layout issues

aelassas · Dec 14, 2024 · cbdf33e · cbdf33e
1 parent 4a11171
commit cbdf33e
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/frontend/src/assets/css/toast.css b/frontend/src/assets/css/toast.css
@@ -26,11 +26,11 @@ div.toast div.toast-content span.title {
   margin-bottom: 15px;
 }
 
-.success {
+.toast-success {
   background-color: #43A047;
 }
 
-.error {
+.toast-error {
   background-color: #B00020;
 }
 

diff --git a/frontend/src/components/Toast.tsx b/frontend/src/components/Toast.tsx
@@ -17,7 +17,7 @@ const Toast = ({ title, text, status }: ToastProps) => {
   const [close, setClose] = useState(false)
   return (
     !close && (
-      <div className={`toast ${status}`}>
+      <div className={`toast toast-${status}`}>
         {status === 'success' ? <CheckIcon className="icon" /> : <ErrorIcon className="icon" />}
         <div className="toast-content">
           {title && <span className="title">{title}</span>}

diff --git a/frontend/src/lang/common.ts b/frontend/src/lang/common.ts
@@ -71,7 +71,7 @@ const strings = new LocalizedStrings({
     ALL: 'Tous',
     TOS: "J'ai lu et j'accepte les conditions générales d'utilisation.",
     BIRTH_DATE: 'Date de naissance',
-    RECAPTCHA_ERROR: 'Veuillez remplir le captcha pour continuer.',
+    RECAPTCHA_ERROR: 'Erreur reCAPTCHA',
     TOS_ERROR: "Veuillez accepter les conditions générales d'utilisation.",
     BIRTH_DATE_NOT_VALID: `Vous devez avoir au moins ${env.MINIMUM_AGE} ans.`,
     BIRTH_DATE_NOT_VALID_PART1: 'Le conducteur doit avoir au moins',
@@ -157,7 +157,7 @@ const strings = new LocalizedStrings({
     ALL: 'All',
     TOS: 'I read and agree with the Terms of Use.',
     BIRTH_DATE: 'Birth date',
-    RECAPTCHA_ERROR: 'Fill out the captcha to continue.',
+    RECAPTCHA_ERROR: 'reCAPTCHA error',
     TOS_ERROR: 'Please accept the Terms of Use.',
     BIRTH_DATE_NOT_VALID: `You must be at least ${env.MINIMUM_AGE} years old.`,
     BIRTH_DATE_NOT_VALID_PART1: 'The driver must be at least',
@@ -243,7 +243,7 @@ const strings = new LocalizedStrings({
     ALL: 'Todos',
     TOS: 'He leído y acepto los términos de uso.',
     BIRTH_DATE: 'Fecha de nacimiento',
-    RECAPTCHA_ERROR: 'Por favor, complete el captcha para continuar.',
+    RECAPTCHA_ERROR: 'Error de reCAPTCHA',
     TOS_ERROR: 'Por favor, acepte los términos de uso.',
     BIRTH_DATE_NOT_VALID: `Debe tener al menos ${env.MINIMUM_AGE} años.`,
     BIRTH_DATE_NOT_VALID_PART1: 'El conductor debe tener al menos',