Fixed UI

6 files changed, 16 insertions, 7 deletions

diff --git a/admin/public/assets/images/background.png b/admin/public/assets/images/background.png
new file mode 100644
index 0000000..acf96a3
--- /dev/null
+++ b/admin/public/assets/images/background.png
diff --git a/admin/src/index.css b/admin/src/index.css
index 89ba707..652491a 100644
--- a/admin/src/index.css
+++ b/admin/src/index.css
@@ -12,6 +12,12 @@ body {
   -moz-osx-font-smoothing: grayscale;
   height: 100%;
   width: 100%;
+  background: url('../public/assets/images/background.png') no-repeat center center
+    fixed;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
 }
 
 code {
diff --git a/client/src/components/BiometricCard/BiometricCard.module.css b/client/src/components/BiometricCard/BiometricCard.module.css
index ca6f46a..74c3c3b 100644
--- a/client/src/components/BiometricCard/BiometricCard.module.css
+++ b/client/src/components/BiometricCard/BiometricCard.module.css
@@ -16,11 +16,12 @@
   }
   
   .input__field {
-    width: 300px;
-    margin: 10px 0px;
+    width: 500px;
+    height: 80px;
+    margin: 40px 0px;
     padding: 18px 10px;
     border: 3px solid;
     border-radius: 10px;
-    font-size: 1rem;
+    font-size: 1.5rem;
     text-align: center;
   }
\ No newline at end of file
diff --git a/client/src/pages/Update/Otp/Otp.jsx b/client/src/pages/Update/Otp/Otp.jsx
index bf1b38d..6925613 100644
--- a/client/src/pages/Update/Otp/Otp.jsx
+++ b/client/src/pages/Update/Otp/Otp.jsx
@@ -120,7 +120,7 @@ const Otp = () => {
           type="submit"
           variant="contained"
           disabled={disabled}
-          sx={{ marginTop: '1rem' }}
+          sx={{ margin: '20px 0px', fontSize: '1.5rem', padding: '10px 30px' }}
           onClick={() => {
             mutateOTP.mutate()
             setDisabled(true)
@@ -145,6 +145,7 @@ const Otp = () => {
               size="large"
               type="submit"
               variant="contained"
+              sx={{ margin: '20px 0px', fontSize: '1.5rem', padding: '10px 30px' }}
               onClick={() => {
                 verifyOTP()
               }}
diff --git a/client/src/pages/Update/Otp/Otp.module.css b/client/src/pages/Update/Otp/Otp.module.css
index b88d5d4..209d997 100644
--- a/client/src/pages/Update/Otp/Otp.module.css
+++ b/client/src/pages/Update/Otp/Otp.module.css
@@ -9,11 +9,11 @@
 }
 
 .subheading {
-  font-size: var(--font-medium);
-  font-weight: 400;
+  font-size: 2rem;
 }
 
 .subsubheading {
-  font-size: var(--font-medium-s);
+  font-size: 1.75rem;
+  font-weight: 400;
   margin: 10px 0px;
 }
diff --git a/client/src/pages/Update/Update.jsx b/client/src/pages/Update/Update.jsx
index 577573d..cd9cd86 100644
--- a/client/src/pages/Update/Update.jsx
+++ b/client/src/pages/Update/Update.jsx
@@ -46,6 +46,7 @@ const Update = () => {
               size="large"
               type="submit"
               variant="contained"
+              sx={{ margin: '20px 0px', fontSize: '1.5rem', padding: '10px 30px' }}
               onClick={() => {
                 if (!validAadhaar.test(aadhaarNumber)) {
                   toast.error(t('Please enter a valid aadhaar number'))