@tattvafoundation/upyog-css 1.0.15 → 1.0.16

package/src/components/bmc.scss

@@ -98,12 +98,6 @@
   transform: translateX(-50%);
 }
 
-.bmc-card-bannerImage {
-  background-image: url("../img/Free-Silai-Machine-Yojna-1-jpg.jpeg");
-  height: 40vh;
-  background-size: cover;
-}
-
 /* Media Queries */
 @media screen and (max-width: 768px) {
   .line {
@@ -158,13 +152,32 @@
 }
 
 .bmc-card-aadharimage {
-  background-image: url("../img/aadhaarCard.jpg");
+  background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/aadhaarCard.jpg");
   height: 60vh;
   width: 100%;
   background-size: cover;
   background-repeat: round;
 }
 
+.logo-ic {
+  background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/logo-bmc.png");
+  height: 80px;
+  width: 80px;
+  background-size: 80px;
+  background-position: center;
+  width: 100%;
+  background-repeat: no-repeat;
+  margin-bottom: 10px
+}
+
+.employee-banner-image {
+  background-image: url("https://ukpfms-digit-repo.s3.ap-south-1.amazonaws.com/bmc-images/login-back.png");
+  height: 100vh;
+  width: 100%;
+  background-size: cover !important;
+  position: absolute;
+}
+
 .aadhaar-container {
   text-align: center;
 }
@@ -267,11 +280,11 @@
   border-radius: 50%;
 }
 
-.bmc-radio-btn:checked + .bmc-radio-btn-checkmark {
+.bmc-radio-btn:checked+.bmc-radio-btn-checkmark {
   border-color: var(--primary-color);
 }
 
-.bmc-radio-btn:checked + .bmc-radio-btn-checkmark:after {
+.bmc-radio-btn:checked+.bmc-radio-btn-checkmark:after {
   display: block;
   background-color: var(--primary-color);
   height: 1.25rem;
@@ -526,11 +539,11 @@
   transition: all 0.3s ease-in 0s;
 }
 
-.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-inner {
+.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-inner {
   margin-left: 0;
 }
 
-.toggle-switch-checkbox:checked + .toggle-switch-label .toggle-switch-switch {
+.toggle-switch-checkbox:checked+.toggle-switch-label .toggle-switch-switch {
   left: calc(100% - 31px);
   /* Adjust to match the width */
 }
@@ -671,11 +684,11 @@
   content: "";
 }
 
-.bmc-radio-wrap .bmc-radio-btn:checked + .bmc-radio-btn-checkmark {
+.bmc-radio-wrap .bmc-radio-btn:checked+.bmc-radio-btn-checkmark {
   border-color: #f47738;
 }
 
-.bmc-radio-wrap .bmc-radio-btn:checked + .bmc-radio-btn-checkmark:after {
+.bmc-radio-wrap .bmc-radio-btn:checked+.bmc-radio-btn-checkmark:after {
   display: block;
   background-color: #f47738;
   height: 1.25rem;
@@ -1040,98 +1053,157 @@
 .select-wrap {
   margin-bottom: 24px;
   position: relative;
-  max-width: 540px; }
-  .select-wrap .select {
-    position: relative;
-    display: block;
-    width: 100%;
-    height: 2rem;
-    --border-opacity:1;
-    border: 1px solid #464646;
-    border-color: rgba(70, 70, 70, var(--border-opacity)); }
-    .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text] {
-      width: calc(100% - 32px);
-      background-color: initial;
-      position: absolute;
-      z-index: 10;
-      width: 100%;
-      height: 100%;
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-      padding-left: 8px; }
-    .select-wrap .select input[type=text], .select-wrap .select .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select .input-emp[type=text], .select-wrap .select p {
-      --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
-      font-size: 16px;
-      line-height: 20px; }
-    .select-wrap .select p {
-      padding-top: 9px;
-      float: left;
-      margin-left: 8px; }
-    .select-wrap .select img, .select-wrap .select svg {
-      float: right;
-      height: 2rem;
-      width: 2rem;  }
-    .select-wrap .select svg {
-      position: absolute;
-      right: 0; }
-  .select-wrap .select-active {
-    position: relative;
-    display: block;
-    width: 100%;
-    height: 2rem;
-    --border-opacity:1;
-    border: 1px solid #a82227;
-    border-color: rgba(168, 34, 39, var(--border-opacity)); }
-    .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text] {
-      width: calc(100% - 32px);
-      background-color: initial;
-      position: absolute;
-      z-index: 10;
-      width: 100%;
-      height: 100%;
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-      padding-left: 8px; }
-    .select-wrap .select-active input[type=text], .select-wrap .select-active .checkbox-wrap .input-emp[type=text], .checkbox-wrap .select-wrap .select-active .input-emp[type=text], .select-wrap .select-active p {
-      --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
-      font-size: 16px;
-      line-height: 20px; }
-    .select-wrap .select-active p {
-      float: left;
-      margin-left: 8px;
-      padding-top: 9px; }
-    .select-wrap .select-active img, .select-wrap .select-active svg {
-      float: right;
-      height: 2rem;
-      width: 2rem;}
-    .select-wrap .select-active svg {
-      position: absolute;
-      right: 0; }
-  .select-wrap .options-card {
-    width: 100% !important;
-    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
-    position: absolute;
-    z-index: 20;
-    margin-top: 4px;
-    --bg-opacity:1;
-    background-color: #fff;
-    background-color: rgba(255, 255, 255, var(--bg-opacity)); }
-    .select-wrap .options-card p {
-      padding-top: 14px;
-      width: 100%;
-      height: 2rem;
-      padding-left: 8px;
-      --text-opacity:1;
-      color: #0b0c0c;
-      color: rgba(11, 12, 12, var(--text-opacity));
-      font-size: 16px;
-      line-height: 20px; }
-      .select-wrap .options-card p:hover {
-        --bg-opacity:1;
-        background-color: #eee;
-        background-color: rgba(238, 238, 238, var(--bg-opacity)); }
+  max-width: 540px;
+}
+
+.select-wrap .select {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 2rem;
+  --border-opacity: 1;
+  border: 1px solid #464646;
+  border-color: rgba(70, 70, 70, var(--border-opacity));
+}
+
+.select-wrap .select input[type=text],
+.select-wrap .select .checkbox-wrap .input-emp[type=text],
+.checkbox-wrap .select-wrap .select .input-emp[type=text] {
+  width: calc(100% - 32px);
+  background-color: initial;
+  position: absolute;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  padding-left: 8px;
+}
+
+.select-wrap .select input[type=text],
+.select-wrap .select .checkbox-wrap .input-emp[type=text],
+.checkbox-wrap .select-wrap .select .input-emp[type=text],
+.select-wrap .select p {
+  --text-opacity: 1;
+  color: #0b0c0c;
+  color: rgba(11, 12, 12, var(--text-opacity));
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.select-wrap .select p {
+  padding-top: 9px;
+  float: left;
+  margin-left: 8px;
+}
+
+.select-wrap .select img,
+.select-wrap .select svg {
+  float: right;
+  height: 2rem;
+  width: 2rem;
+}
+
+.select-wrap .select svg {
+  position: absolute;
+  right: 0;
+}
+
+.select-wrap .select-active {
+  position: relative;
+  display: block;
+  width: 100%;
+  height: 2rem;
+  --border-opacity: 1;
+  border: 1px solid #a82227;
+  border-color: rgba(168, 34, 39, var(--border-opacity));
+}
+
+.select-wrap .select-active input[type=text],
+.select-wrap .select-active .checkbox-wrap .input-emp[type=text],
+.checkbox-wrap .select-wrap .select-active .input-emp[type=text] {
+  width: calc(100% - 32px);
+  background-color: initial;
+  position: absolute;
+  z-index: 10;
+  width: 100%;
+  height: 100%;
+  outline: 2px solid transparent;
+  outline-offset: 2px;
+  padding-left: 8px;
+}
+
+.select-wrap .select-active input[type=text],
+.select-wrap .select-active .checkbox-wrap .input-emp[type=text],
+.checkbox-wrap .select-wrap .select-active .input-emp[type=text],
+.select-wrap .select-active p {
+  --text-opacity: 1;
+  color: #0b0c0c;
+  color: rgba(11, 12, 12, var(--text-opacity));
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.select-wrap .select-active p {
+  float: left;
+  margin-left: 8px;
+  padding-top: 9px;
+}
+
+.select-wrap .select-active img,
+.select-wrap .select-active svg {
+  float: right;
+  height: 2rem;
+  width: 2rem;
+}
+
+.select-wrap .select-active svg {
+  position: absolute;
+  right: 0;
+}
+
+.select-wrap .options-card {
+  width: 100% !important;
+  -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+  position: absolute;
+  z-index: 20;
+  margin-top: 4px;
+  --bg-opacity: 1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--bg-opacity));
+}
+
+.select-wrap .options-card p {
+  padding-top: 14px;
+  width: 100%;
+  height: 2rem;
+  padding-left: 8px;
+  --text-opacity: 1;
+  color: #0b0c0c;
+  color: rgba(11, 12, 12, var(--text-opacity));
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.select-wrap .options-card p:hover {
+  --bg-opacity: 1;
+  background-color: #eee;
+  background-color: rgba(238, 238, 238, var(--bg-opacity));
+}
+
+.RightMostTopBarOptions .select-wrap svg {
+  fill: #000;
+}
+
+.scheme-ic {
+  background: #fdf5e2;
+  padding: 5px;
+  border-radius: 50px;
+  border: 1px solid #d1b03f;
+}
+
+.img-responsive {
+  width: 100%;
+  height: auto;
+}

package/src/components/body.scss

@@ -3,19 +3,26 @@ body {
 }
 
 .body-container {
-  @apply bg-grey-bg h-full min-h-screen overflow-x-hidden;
+  @apply h-full min-h-screen overflow-x-hidden;
   position: relative !important;
-
+  background-color: #f1f5fe;
 
 }
 
 .navbar {
   @apply text-white bg-secondary p-md w-full mb-md;
-  background: linear-gradient(to right, #feeee7, #a82227,#feeee7) !important;
+  background: #fff !important;
+  color: #000 !important;
+
   img {
     height: 24px;
   }
+
+  h3 {
+    border-color: #9f9e9e !important;
+  }
 }
+
 /* .navbar-header{
     @apply text-navbarheader float-left px-sm
 }
@@ -56,6 +63,7 @@ body {
   margin-bottom: 10px;
   flex-wrap: wrap
 }
+
 .bread-crumb--item {
   margin-left: 5px;
 
@@ -97,18 +105,23 @@ body {
 
   .app-container {
     width: 100%;
+
     form {
       .card {
         max-width: 960px;
+
         h2 {
           text-align: left;
         }
+
         .field-container {
           max-width: 540px;
         }
+
         button {
           max-width: 240px;
         }
+
         .input-otp-wrap,
         .card-text-button {
           text-align: left;
@@ -138,6 +151,7 @@ body {
 .body-container::-webkit-scrollbar {
   display: none;
 }
+
 .audit-card {
   width: 80%;
   margin-left: -21%;

package/src/components/deonar.scss

@@ -2,6 +2,22 @@
 /* Styles for screen widths below 768px */
 @media (max-width: 768px) {
 
+  .deonar-security{
+    display: flex;
+    flex-wrap: wrap;
+  }
+  .deonar-security-card{
+    width: 100% !important;
+  }
+  .deonar-token-gen{
+    flex-wrap: wrap;
+  }
+  .deonar-input-gen{
+    flex: none !important;
+    width: 100%;
+  }
+
+
   .deonar-scrollable-table{
     display: flex !important;
   }
@@ -36,6 +52,16 @@
     grid-column: 1 / -1;
   }
 }
+@media (min-width: 1024px) {
+  .deonar-token-gen{
+    flex-wrap: wrap;
+  }
+  .deonar-input-gen{
+    flex: none !important;
+    width: 100%;
+  }
+ 
+}
 @media (max-width: 1280px) {
   .deonar-scrollable-table{
     display: block;
@@ -199,3 +225,131 @@
 .deonar-btn-cancel:hover {
   opacity: 0.9; /* Slight opacity change on hover */
 }
+
+.bmc-receipt-watermark {
+  background-image: url("../img/bmc_receipt.png"); /* Adjust the path if necessary */
+  background-size: contain; /* Or 'cover', depending on how you want the image scaled */
+  background-repeat: no-repeat;
+  width: 100%; /* Match the container's width */
+  height: 100%; /* Match the container's height */
+  opacity: 0.1; /* Light transparency to give a watermark effect */
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1; /* Ensure it doesn't overlap the receipt content */
+  pointer-events: none; /* Prevent interaction with the watermark */
+}
+
+/**************** edit table component ****************/
+
+.bmc-edit-count-input {
+  width: 60px;
+  padding: 4px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.bmc-action-buttons {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.bmc-edit-btn,
+.bmc-save-btn,
+.bmc-cancel-btn {
+  padding: 4px 8px;
+  border-radius: 4px;
+  cursor: pointer;
+  border: none;
+  font-size: 14px;
+}
+
+.bmc-edit-btn {
+  background-color: #1976d2;
+  color: white;
+}
+
+.bmc-save-btn {
+  background-color: #4caf50;
+  color: white;
+}
+
+.bmc-cancel-btn {
+  background-color: #f44336;
+  color: white;
+}
+
+.bmc-remove-icon {
+  cursor: pointer;
+  margin-left: 10px;
+  display: inline-flex;
+  align-items: center;
+}
+
+.bmc-count-adjuster {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.bmc-count-info {
+  display: flex;
+  gap: 16px;
+  font-size: 14px;
+}
+
+.bmc-count-input-group {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.bmc-count-input {
+  width: 80px;
+  padding: 4px 8px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.bmc-count-summary {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+.bmc-count-display {
+  font-size: 14px;
+  color: #666;
+}
+
+.bmc-adjust-btn,
+.bmc-apply-btn,
+.bmc-cancel-btn {
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: none;
+  cursor: pointer;
+  font-size: 14px;
+}
+
+.bmc-adjust-btn {
+  background-color: #1976d2;
+  color: white;
+}
+
+.bmc-apply-btn {
+  background-color: #4caf50;
+  color: white;
+}
+
+.bmc-cancel-btn {
+  background-color: #f44336;
+  color: white;
+}
+
+.bmc-adjust-btn:disabled {
+  background-color: #ccc;
+  cursor: not-allowed;
+}