Update styles and text in the sign in page.

H1B0B0 · Feb 6, 2024 · cc27bb1 · cc27bb1
1 parent 7f277f1
commit cc27bb1
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 7 deletions.
diff --git a/front/src/pages/SignIn/index.tsx b/front/src/pages/SignIn/index.tsx
@@ -25,6 +25,7 @@ const SignIn: React.FC = () => {
       <form data-testid='login-form' onSubmit={handleSubmit}>
         <h2>Connectez-vous</h2>
         <p> Connectez-vous pour accéder à votre espace </p>
+
         <input
           type='text'
           placeholder="Entrez votre nom d'utilisateur "

diff --git a/front/src/pages/SignIn/styles.ts b/front/src/pages/SignIn/styles.ts
@@ -15,13 +15,22 @@ export const Container = styled.div`
     display: flex;
     flex-direction: column;
     background-color:
+    
 
+    
     h2 {
       align-self: center;
       color: #222;
       color: #C70039;
       font-size: 30px;
       padding: 0.5rem;
+      
+    }
+
+     p {
+      align-self: center;
+      color: #474749;
+      margin: 10px;
     }
 
     h2 {
@@ -33,26 +42,25 @@ export const Container = styled.div`
     }
 
     input {
-      margin-top: 20px;
+      margin-top: 10px;
       border: 1px solid #ddd;
-      border-radius: 4px;
+      border-radius: 14px;
       height: 48px;
       padding: 0 20px;
       font-size: 16px;
       color: #66
-      border-radius: 12px;
 
       & + input {
         margin-top: 5px;
         
       }
     }
     
-    p {
-      align-self: center;
-      color: #474749;
-      margin: 10px;
+    h4{
+      color: red;
+      margin-top: ;
     }
+
     
     button {
       margin-top: 10px;