Fixed UI

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 {

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;
   }

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()
               }}

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;
 }

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'))