@tattvafoundation/upyog-css 1.0.19 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tattvafoundation/upyog-css",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "license": "MIT",
   "main": "dist/index.css",
   "engines": {

package/src/components/CardBasedOptions.scss

@@ -51,7 +51,7 @@
 
 @screen dt {
   .CardBasedOptions {
-    width: 100%;
+    width: calc(50% - 16px);
     padding: 0px !important;
     height: 250px !important;
   }
@@ -74,7 +74,7 @@
 
 .citizen .ServicesSection .CardBasedOptions:nth-child(even) {
   .employeeCustomCard {
-    background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg");
+    background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
     background-size: cover;
   }
 }

package/src/components/CitizenHomeCard.scss

@@ -1,6 +1,6 @@
 .CitizenHomeCard {
 
-    @apply bg-white mx-md p-md mb-lg;
+    @apply bg-white p-md mb-lg;
 
     .header {
         @apply flex font-bold text-heading-l text-text-primary justify-between pb-sm;
@@ -21,11 +21,8 @@
 
             display: inline-block;
             margin-bottom: 10px;
-            padding: 5px 8px !important;
             background: #fdf5e2;
-            border-radius: 50px;
             line-height: 17px;
-            border: 1px solid #d2b03a;
         }
     }
 }
@@ -46,10 +43,9 @@
 
     .CitizenHomeCard {
         padding: 16px !important;
-        margin-right: 16px !important;
         display: block !important;
         box-shadow: rgb(50 50 93 / 18%) 0px 50px 100px -20px, rgb(0 0 0 / 16%) 0px 30px 60px -30px, rgb(10 37 64 / 17%) 0px -2px 6px 0px inset;
-        @apply inline-block mr-lg p-lg align-top;
+
 
         .header {
             @apply pb-lg text-heading-l-dt;

package/src/components/bmc.scss

@@ -102,6 +102,37 @@
   margin-bottom: 24px;
 }
 
+.mobile-CardWrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+
+.mobile-CardWrapper .card {
+  width: 510px;
+}
+
+.CardBasedOptions,
+.CitizenHomeCard {
+  transition: all linear 0.5s;
+}
+
+.CardBasedOptions:hover {
+  box-shadow: 0 10px 9px rgb(0 81 187 / 98%);
+  cursor: pointer;
+}
+
+.CitizenHomeCard:hover {
+  box-shadow: 0 10px 9px rgb(0 81 187 / 98%);
+  cursor: pointer;
+}
+
+.ChildOptionName a {
+  font-size: 14px;
+  color: #b08904;
+}
+
 /* Media Queries */
 @media screen and (max-width: 768px) {
   .line {
@@ -176,6 +207,12 @@
   background-repeat: round;
 }
 
+.citizen-home-container-forLoginBack {
+  background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/CitizenBG.png");
+  background-size: cover;
+  margin: 0 !important;
+}
+
 .logo-ic {
   background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/logo-bmc.png");
   height: 80px;
@@ -195,6 +232,13 @@
   position: absolute;
 }
 
+.scheme-back {
+  background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/scheme-banner.png");
+  height: 400px;
+  width: 100%;
+  background-size: cover !important;
+}
+
 .aadhaar-container {
   text-align: center;
 }
@@ -245,7 +289,7 @@
 .bmc-card-button,
 .bmc-card-button-cancel {
   width: 147px;
-  height: 48px;
+  height: 36px;
   outline: none;
   color: white;
 }
@@ -264,6 +308,23 @@
   width: 174px;
 }
 
+.bmc-card-button,
+.bmc-card-master-button {
+  transition: all linear 1s;
+}
+
+.bmc-card-button:hover {
+  background: #3255a7 !important;
+  border-radius: 50px;
+  box-shadow: 0 5px 10px 0px #2f3237;
+}
+
+.bmc-card-master-button:hover {
+  background: #3255a7 !important;
+  border-radius: 50px;
+  box-shadow: 0 5px 10px 0px #2f3237;
+}
+
 .bmc-radio-wrap {
   margin-top: 8px;
   margin-bottom: 24px;
@@ -642,7 +703,7 @@
 .bmc-card-button-cancel {
   background-color: #b1b4b6;
   width: 147px;
-  height: 48px;
+  height: 36px;
   color: "black";
   outline: "none";
 }
@@ -726,7 +787,7 @@
 .bmc-card-button {
   background-color: #d1b03f;
   width: 147px;
-  height: 48px;
+  height: 36px;
   color: #fff;
   outline: none;
 }
@@ -738,7 +799,7 @@
 .bmc-card-master-button {
   background-color: #5aae06;
   width: 174px;
-  height: 48px;
+  height: 36px;
   color: #fff;
   outline: none;
 }
@@ -1305,7 +1366,8 @@
 /* For Small Screens (Mobile) */
 @media screen and (max-width: 600px) {
   .bmc-modal-content {
-    width: 95%; /* Increase the width on small screens */
+    width: 95%;
+    /* Increase the width on small screens */
     max-width: none;
     padding: 10px;
   }
@@ -1361,7 +1423,8 @@
   gap: 1rem;
   margin-top: 1rem;
   flex-wrap: wrap;
-  padding: 0 1rem; /* Add padding to prevent items from touching screen edges */
+  padding: 0 1rem;
+  /* Add padding to prevent items from touching screen edges */
 }
 
 .bmc-pagination2-button {
@@ -1450,3 +1513,164 @@
     content: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/banner2forsmallscreen.png");
   }
 }
+
+.bmc-links {
+  display: block;
+}
+
+.CitizenHomeCard .bmc-links a {
+  padding: 8px 0 !important;
+}
+
+.bmc-main-heading {
+  font-size: 23px;
+  font-weight: bold;
+  margin-left: 10px;
+  color: #c9a33e;
+  margin-bottom: 5px;
+}
+
+.bmc-links .linksWrapper a {
+  transition: all linear 0.5s;
+}
+
+.bmc-links .linksWrapper a:hover {
+  background: #3255a7;
+  color: #fff;
+  font-size: 18px;
+  box-shadow: 0 0 4px 4px #4f83be;
+}
+
+.mobile-CardWrapper .card {
+  margin-top: -50px;
+}
+
+.mobile-CardWrapper .card header,
+.mobile-CardWrapper .card p {
+  text-align: center;
+}
+
+.mobile-CardWrapper .card button {
+  margin: auto;
+}
+
+.mobile-CardWrapper .card p {
+  font-size: 16px;
+  font-weight: 100;
+}
+
+.SideBarStatic {
+  width: 60px;
+  transition: all linear 0.5s;
+  overflow: hidden;
+  height: 100%;
+}
+
+/* The expanded state of sidebar on hover */
+.drawer-desktop {
+  width: 60px;
+  transition: all linear 0.5s;
+  height: 100%;
+}
+
+.drawer-desktop:hover {
+  width: 200px;
+  /* Sidebar expands on hover */
+}
+
+.drawer-desktop:hover .profile-section {
+  display: block;
+  /* Show profile when expanded */
+}
+
+.drawer-desktop .profile-section .name-Profile {
+  display: none;
+  /* Hide profile name when collapsed */
+}
+
+.drawer-desktop:hover .profile-section .name-Profile {
+  display: block;
+  /* Show profile name when expanded */
+}
+
+.drawer-desktop .profile-section .loc-Profile {
+  display: none;
+  /* Hide profile location when collapsed */
+}
+
+.drawer-desktop:hover .profile-section .loc-Profile {
+  display: block;
+  /* Show profile location when expanded */
+}
+
+.drawer-desktop .profile-section .label-text {
+  text-align: center;
+}
+
+.SideBarStatic:hover {
+  width: 200px;
+}
+
+.SideBarStatic:hover .drawer-desktop {
+  width: 200px;
+}
+
+.card p.message-text {
+  font-size: 14px;
+  font-weight: 100;
+}
+
+.scheme-back h3 {
+  font-size: 45px;
+  font-weight: bold;
+  color: #fff;
+  background: #b08904b5;
+  padding: 10px 20px;
+}
+
+.scheme-back {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ChildOptionName a {
+  transition: all linear 0.5s;
+}
+
+.ChildOptionName a:hover {
+  font-size: 18px;
+  color: rgb(0, 81, 187);
+}
+
+.bmc-mobile-card .card {
+  background-color: rgb(255 255 255 / 76%) !important;
+  padding-top: 40px;
+  padding-bottom: 45px;
+}
+
+button.submit-bar {
+  transition: all linear 1s;
+}
+
+button.submit-bar:hover {
+  background: #3255a7 !important;
+  border-radius: 50px;
+  box-shadow: 0 5px 10px 0px #2f3237;
+}
+
+.checkbox-wrap .custom-checkbox,
+.checkbox-wrap .custom-checkbox-emp {
+  width: 28px !important;
+  height: 28px !important;
+}
+
+.checkbox-wrap .label {
+  margin-left: 42px;
+  line-height: 8px;
+}
+
+.bmc-label-error {
+  text-align: center;
+  color: red;
+}

package/src/components/body.scss

@@ -11,8 +11,9 @@ body {
 
 .navbar {
   @apply text-white bg-secondary p-md w-full mb-md;
-  background: #fff !important;
+  background: #faefcf !important;
   color: #000 !important;
+  box-shadow: 0px 0px 7px 0px #c0c0c0b8;
 
   img {
     height: 24px;
@@ -123,9 +124,7 @@ body {
         }
 
         .input-otp-wrap,
-        .card-text-button {
-          text-align: left;
-        }
+        .card-text-button {}
       }
     }
   }

package/src/components/card.scss

@@ -57,7 +57,7 @@
 }
 
 .field-container {
-  @apply flex  items-center;
+  @apply flex items-center;
   /*@apply flex  justify-center items-center;*/
 }
 
@@ -140,7 +140,8 @@
     margin-right: auto;
   }
 
-  .header-content {}
+  .header-content {
+  }
 
   .header-end {
     margin-left: auto;
@@ -196,7 +197,9 @@
     flex-direction: column;
 
     .card-header {
-      @apply text-heading-xl-dt;
+      font-size: 26px;
+      line-height: 56px;
+      color: #c6a32b;
     }
 
     .card-sub-header {

package/src/components/navbar.scss

@@ -43,7 +43,7 @@
 
   img {
     width: 89px;
-    height: 88px;
+    height: auto;
     margin: 0px auto 16px;
   }
 

package/src/index.scss

@@ -261,6 +261,10 @@
   color: #0b0c0c !important;
 }
 
+.citizen-form-new {
+  width: 100% !important;
+}
+
 @media (hover: hover) {
   .primary-label-btn {
     &:hover {

package/src/pages/citizen/HomePageWrapper.scss

@@ -2,7 +2,7 @@
   margin-top: -11px;
 
   .BannerWithSearch {
-    margin-bottom: 40px;
+    margin-bottom: 0px;
     width: 100%;
     @apply relative;
 
@@ -14,13 +14,13 @@
 
     img {
 
-      @apply w-full object-cover;
+      @apply w-full;
     }
   }
 
   .ServicesSection {
     @apply flex flex-wrap;
-    padding: 40px 15px 0 15px;
+    padding: 24px 15px 0 15px;
     width: 100% !important;
     float: left !important;
   }
@@ -28,7 +28,7 @@
   @screen dt {
     .ServicesSection {
       @apply flex flex-wrap;
-      padding: 40px 15px 0 15px;
+      padding: 24px 15px 0 15px;
       width: 100%;
     }
   }
@@ -138,7 +138,7 @@
     width: 100%;
 
     .BannerWithSearch {
-      margin-bottom: 56px;
+      margin-bottom: 0;
       width: 100% !important;
 
       .Search {
@@ -147,16 +147,12 @@
         padding: 0 15px 0 15px;
       }
 
-      img {
-        height: 20vw;
-      }
     }
 
     .WhatsAppBanner {
       width: 100%;
 
       img {
-        height: 20vw;
         width: 100%;
       }
     }

package/src/pages/employee/index.scss

@@ -196,8 +196,8 @@
 
 .citizen {
   .main {
-    padding-top: 82px;
-    min-height: calc(100vh - 48px);
+    padding-top: 60px;
+    min-height: calc(100vh - 45px);
     display: flex !important;
   }
 }
@@ -594,8 +594,8 @@
   .citizen {
     .main {
       width: 100%;
-      padding-top: 80px;
-      min-height: calc(100vh - 48px);
+      padding-top: 60px;
+      min-height: calc(100vh - 45px);
       margin-bottom: 18px !important;
       display: flex !important;
     }

package/src/pages/employee/login.scss

@@ -82,7 +82,7 @@
 }
 
 .employeeChangePassword .input-otp-wrap {
-  text-align: center;
+  text-align: center !important;
 }
 
 .submit-bar {
@@ -314,4 +314,8 @@
 
 .employeeForgotPassword {
   z-index: 2;
+}
+
+.bmc-otp{
+  text-align: center !important;
 }