design: improve register (#218)

TownHallHQ · Sep 14, 2024 · 30dc13a · 30dc13a
1 parent 34ebb3e
commit 30dc13a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/crates/web/src/components/auth/register.rs b/crates/web/src/components/auth/register.rs
@@ -54,14 +54,16 @@ pub fn SignupCard(
         <div class="w-96 p-6 bg-white border border-gray-200 rounded-lg shadow">
         <h1 class="text-2xl mb-3 text-center">Sign up</h1>
               <form class="space-y-2">
-              <TextField class="w-full" name="name" placeholder="Name" value=name_value/>
+              <div class="flex justify-between space-x-2">
+              <TextField class="w-full" name="name" placeholder="Name" label="Name" value=name_value />
               <TextField
-                  class="w-full"
-                  label="Surname"
-                  name="surname"
-                  placeholder="Surname"
-                  value=surname_value
+                class="w-full"
+                label="Surname"
+                name="surname"
+                placeholder="Surname"
+                value=surname_value
               />
+              </div>
               <TextField
                   class="w-full"
                   label="Username"
@@ -73,6 +75,7 @@ pub fn SignupCard(
                   class="w-full"
                   name="email"
                   label="Email"
+                  r#type=TextFieldType::Email
                   placeholder="Email"
                   value=email_value
               />

diff --git a/crates/web/src/components/text_field.rs b/crates/web/src/components/text_field.rs
@@ -54,7 +54,7 @@ pub fn TextField(
             TextFieldVariant::Primary => {
                 classes.insert("bg-gray-100");
                 classes.insert("rounded-md");
-                classes.insert("placeholder:text-purple-200");
+                classes.insert("placeholder:text-gray-400");
                 classes.insert("border");
                 classes.insert("border-gray-100");
                 classes.insert("px-2");