From d969a1f8154f8b28430441c0a763bee310b45247 Mon Sep 17 00:00:00 2001
From: Matthew Patrick <Matthew.535200018@stu.untar.ac.id>
Date: Mon, 9 May 2022 08:40:13 +0700
Subject: [PATCH] register-form - Changed fields look and feel

---
 lib/components/register_form.dart | 46 ++++++++++++++++++-------------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/lib/components/register_form.dart b/lib/components/register_form.dart
index fc7ae19..f4439c0 100644
--- a/lib/components/register_form.dart
+++ b/lib/components/register_form.dart
@@ -183,29 +183,37 @@ Widget makeInput({label, obscureText = false, icon = Icons.email}) {
       const SizedBox(
         height: 5,
       ),
-      FormBuilderTextField(
-        initialValue: "",
-        name: label,
-        obscureText: obscureText,
-        style: const TextStyle(color: Colors.white),
-        decoration: InputDecoration(
-          prefixIcon: Icon(
-            icon,
-            color: Colors.white,
-          ),
-          contentPadding: EdgeInsets.symmetric(vertical: 0, horizontal: 10),
-          focusedBorder: OutlineInputBorder(
-            borderSide: BorderSide(
-              color: Colors.red,
+      Container(
+        decoration: BoxDecoration(
+          color: const Color(0xff1b1c1e),
+          borderRadius: BorderRadius.circular(10.0),
+          boxShadow: [
+            BoxShadow(
+              color: Colors.black12,
+              blurRadius: 6.0,
+              offset: Offset(0, 2),
             ),
-          ),
-          enabledBorder: OutlineInputBorder(
-            borderSide: BorderSide(
+          ],
+        ),
+        child: FormBuilderTextField(
+          initialValue: "",
+          name: label,
+          obscureText: obscureText,
+          style: const TextStyle(color: Colors.white),
+          decoration: InputDecoration(
+            prefixIcon: Icon(
+              icon,
               color: Colors.white,
             ),
+            contentPadding: EdgeInsets.symmetric(vertical: 0, horizontal: 10),
+            focusedBorder: OutlineInputBorder(
+              borderSide: BorderSide(
+                color: Colors.red,
+              ),
+            ),
+            enabledBorder: InputBorder.none,
+            border: InputBorder.none,
           ),
-          border:
-              OutlineInputBorder(borderSide: BorderSide(color: Colors.white)),
         ),
       ),
       const SizedBox(