initial commit

src/index.css

@@ -160,8 +160,12 @@
     @apply flex items-center gap-2
   }
 
-  /* STYLES FOR MODAL */
-  /* Modal Header */
+  /* STYLES FOR MODAL 'NOTE => VIEW JOB EDIT MODAL FOR SAMPLE USAGE'*/
+  .modal-container {
+    @apply w-11/12 md:w-[700px] mx-auto h-full flex flex-col bg-white dark:bg-dark-white lg:rounded-2xl overflow-hidden
+  }
+
+  /* Modal Header section*/
   .modal-header-con{
     @apply w-full flex items-center justify-between lg:px-10 lg:py-8 px-[30px] py-[23px] bg-sky-blue/50 border-b dark:border-[#5356fb29]  border-light-purple
   }
@@ -172,6 +176,11 @@
     @apply text-[#000] dark:text-red-500
   }
 
+  /* Modal Body section */
+  .modal-body-wrapper {
+    @apply w-full h-full overflow-y-auto flex flex-col items-center px-10 p-2
+  }
+
   /* modal footer */
   .modal-footer-wrapper{
     @apply p-4 border-t-2 flex justify-between items-center