From 3eaec928a456b1dd95f9404f82a11a40f287e30a Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Wed, 8 Oct 2025 17:26:58 +0800
Subject: [PATCH] Updated login and register pages

---
 src/pages/LoginPage/Login.tsx       |  2 +-
 src/pages/RegisterPage/Register.tsx | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/pages/LoginPage/Login.tsx b/src/pages/LoginPage/Login.tsx
index 227524d..97ffe6a 100644
--- a/src/pages/LoginPage/Login.tsx
+++ b/src/pages/LoginPage/Login.tsx
@@ -102,7 +102,7 @@ export default () => {
 
           <Padding top={2} left={0} right={0} bottom={0}>
             <Row>
-              <Box curved thickness={2} padding="2.25rem" color="#2f465cd7" background="#04040660">
+              <Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
                 {/* <section class="box"> */}
                 <Row>
                   <span class="box-title">Login</span>
diff --git a/src/pages/RegisterPage/Register.tsx b/src/pages/RegisterPage/Register.tsx
index cb75280..bf2aba8 100644
--- a/src/pages/RegisterPage/Register.tsx
+++ b/src/pages/RegisterPage/Register.tsx
@@ -161,7 +161,7 @@ export default () => {
 
           <Padding top={2} left={0} right={0} bottom={0}>
             <Row>
-              <Box curved thickness={2} padding="2.25rem" color="#2f465cd7" background="#04040660">
+              <Box curved thickness={2} padding="2.25rem" color="#253849be" background="#04040660">
                 <Row>
                   <span class="box-title">Registration</span>
                 </Row>
@@ -195,9 +195,17 @@ export default () => {
 
                     <Padding top={2} bottom={0} left={0} right={0}>
                       <Show when={file() && password()}>
-                        <Row>
-                          <Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
-                        </Row>
+                        <Show when={file() && password() && password().length >= 4}>
+                          <Row>
+                            <Button edges="curved" design="bo-primary" label="Register" onClick={generateSignature} wide />
+                          </Row>
+                        </Show>
+
+                        <Show when={file() && password() && password().length < 4}>
+                          <Row>
+                            <span class="already-registered">Password too short</span>
+                          </Row>
+                        </Show>
                       </Show>
 
                       <Show when={!file() && !password()}>