@djb25/digit-ui-css 1.0.76 → 1.0.78

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djb25/digit-ui-css",
-  "version": "1.0.76",
+  "version": "1.0.78",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "satyam",

package/src/components/card.scss

@@ -289,7 +289,7 @@
     }
 
     .employee-card-sub-header {
-      margin-bottom: 40px;
+      margin-bottom: 20px;
       @apply text-heading-l-dt;
     }
 

package/src/components/table.scss

@@ -214,7 +214,7 @@
                 display: flex;
                 gap: 4px;
                 .col-head {
-                  font-size: 11px;
+                  font-size: 14px;
                   font-weight: 700;
                   text-transform: uppercase;
                   letter-spacing: 0.07em;
@@ -324,7 +324,7 @@
 
     td {
       @apply border-t border-border text-left align-middle;
-      padding: 6px 18px;
+      padding: 10px 18px;
       vertical-align: middle;
       font-size: 16px;
       white-space: nowrap;

package/src/pages/citizen/HomePageWrapper.scss

@@ -119,7 +119,7 @@
     overflow: hidden;
   }
 
-  .citizen-app-container > * {
+  .citizen-app-container>* {
     position: relative;
     z-index: 1;
   }
@@ -304,6 +304,7 @@
 }
 
 @media (max-width: 780px) {
+
   /* On mobile, SideBarStatic shouldn't prevent the drawer from appearing. */
   .SideBarStatic {
     display: block;
@@ -341,44 +342,56 @@
     transition: filter 0.3s ease;
   }
 
-  h1 {
-    position: absolute;
-    top: 100px;
-    /* Base position */
-    left: 21px;
-    @apply text-heading-xl;
-    /* Kept this as it's likely a custom framework class */
-    color: #ffffff;
-    /* text-white equivalent */
-    font-weight: 800;
-    /* font-extrabold equivalent */
-    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
-    letter-spacing: 0.5px;
+  .moduleTitle {
+    position: absolute !important;
+    bottom: 35px !important;
+    left: 50% !important;
+    transform: translateX(-50%) !important;
+    z-index: 2 !important;
+    text-align: center !important;
+    width: max-content !important;
+
+    h1, h4 {
+      margin: 0 !important;
+      color: #fff !important;
+      font-weight: 800 !important;
+      letter-spacing: 0.5px !important;
+      text-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
+    }
+
+    h1 {
+      @apply text-heading-xl;
+      font-size: 38px !important;
+    }
+
+    h4 {
+      font-size: 18px !important;
+      font-weight: 700 !important;
+    }
   }
 
   .moduleLinkHomePageBackButton {
     border: none;
     position: absolute;
-    top: 80px;
-    /* Align nicer */
-    left: 16px;
-    background: rgba(255, 255, 255, 0.2);
-    backdrop-filter: blur(8px);
-    -webkit-backdrop-filter: blur(8px);
+    top: 35px !important;
+    left: 16px !important;
+    background: #ffffff !important;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15) !important;
     border-radius: 50%;
-    width: 40px;
-    height: 40px;
+    width: 45px;
+    height: 45px;
     display: flex;
     justify-content: center;
     align-items: center;
-    transition: background 0.2s ease;
+    transition: background 0.2s ease, transform 0.2s ease;
 
     &:hover {
-      background: rgba(255, 255, 255, 0.4);
+      background: #f1f5f9 !important;
+      transform: scale(1.05);
     }
 
     svg {
-      fill: #ffffff !important;
+      fill: #f37a20 !important;
     }
 
     /* remove ml-md inside so it centers */
@@ -406,6 +419,7 @@
 @screen dt {
   .HomePageWrapper {
     width: 100%;
+
     .BannerWithSearch {
       margin-bottom: 56px;
       width: 100% !important;
@@ -439,16 +453,13 @@
       /* Smoother curve on desktop */
     }
 
-    h1 {
-      top: calc(10vw + 60px);
-      left: calc(15.8rem + 40px);
-      /* Align slightly right of back button */
-      font-size: 38px;
+    .moduleTitle {
+      bottom: 50px !important;
     }
 
     .moduleLinkHomePageBackButton {
-      top: calc(10vw + 16px);
-      left: 15.8rem;
+      top: 35px !important;
+      left: 16px !important;
     }
   }
 
@@ -456,4 +467,4 @@
     width: 100%;
     padding: 0 2rem;
   }
-}
+}

package/src/pages/employee/ekyc.scss

@@ -298,13 +298,6 @@
     font-size: 16px;
   }
 
-  .ekyc-application-link {
-    font-size: 16px;
-    cursor: pointer;
-    font-weight: 600;
-    color: #318ed0 !important;
-  }
-
   /* SearchConsumer Styles */
   .search-consumer-wrapper {
     background: #f5f7fa;
@@ -1021,10 +1014,23 @@
   }
 }
 
-.ekyc-application-link {
-  font-size: 16px;
-  cursor: pointer;
-  color: #318ed0 !important;
+.ekyc-status-tag {
+  padding: 2px 12px;
+  border-radius: 100px;
+  &.SUBMITTED {
+    background-color: #fef3c7;
+    color: #b45309;
+  }
+
+  &.APPROVED {
+    background-color: #d0f0d5;
+    color: #0b6623;
+  }
+
+  &.REJECTED {
+    background-color: #fdecea;
+    color: #b42318;
+  }
 }
 
 .status-search-composer-wrapper {
@@ -1052,4 +1058,3 @@
     background: transparent;
   }
 }
-

package/src/pages/employee/inbox.scss

@@ -822,42 +822,6 @@
   }
 }
 
-.registryTable {
-  tHead {
-    tr {
-      th {
-        text-align: center;
-        .col-head-wrapper {
-          display: flex;
-          gap: 4px;
-          align-items: center;
-          .col-head {
-            font-size: 11px;
-            font-weight: 700;
-            text-transform: uppercase;
-            letter-spacing: 0.07em;
-            transition: color 0.15s;
-          }
-          .col-head.accentDark {
-            color: #5282e6;
-          }
-          .col-head.textSecondary {
-            color: #475569;
-          }
-        }
-      }
-    }
-  }
-
-  tBody {
-    tr {
-      td {
-        text-align: center;
-      }
-    }
-  }
-}
-
 .col-head-wrapper {
   display: flex;
   gap: 4px;

package/src/pages/employee/index.scss

@@ -452,8 +452,8 @@
 }
 
 .link {
-  @apply text-primary-main cursor-pointer;
-
+  @apply cursor-pointer;
+  color: #667eea !important;
   :hover {
     @apply text-primary-dark;
   }