quasiment fini

components/register.riot

@@ -14,15 +14,6 @@
                 const password = e.target.password.value;
                 await window.sign(email, password);
                 window.location.href = '#';
-            },
-            onMounted() {
-                observeAuthState(user => {
-                    if (user) {
-                        console.log("Connecté :", user.email);
-                    } else {
-                        console.log("Déconnecté");
-                    }
-                });
             }
         }
     </script>
@@ -30,28 +21,40 @@
         form {
             display: flex;
             flex-direction: column;
-            max-width: 300px;
+            gap: 1rem;
+            max-width: 400px;
             margin: auto;
-            gap: 10px;
-            margin-top: 2rem;
+            background: white;
+            padding: 2rem;
+            border-radius: 10px;
+            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
         }
-        
-        input,
-        button {
-            padding: 0.5rem;
-            border-radius: 4px;
+
+        input {
+            padding: 0.75rem;
             border: 1px solid #ccc;
+            border-radius: 6px;
+            font-size: 1rem;
         }
-        
+
         button {
             background-color: #1976d2;
             color: white;
+            padding: 0.75rem;
             border: none;
+            border-radius: 6px;
+            font-weight: bold;
             cursor: pointer;
+            transition: background-color 0.3s ease;
         }
-        
+
         button:hover {
-            background-color: #135ba1;
+            background-color: #125aa3;
+        }
+
+        p {
+            text-align: center;
+            margin-top: 1rem;
         }
     </style>
 </register>