@djb25/digit-ui-css 1.0.82 → 1.0.83

package/package.json

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

package/src/components/card.scss

@@ -1809,6 +1809,27 @@
     flex-direction: column !important;
     gap: 0 !important;
     width: 100% !important;
+    padding-top: 48px !important;
+  }
+
+  .mobile-sidebar-toggle {
+    position: fixed !important;
+    top: 60px !important;
+    left: 0 !important;
+    right: 0 !important;
+    height: 48px !important;
+    z-index: 9999 !important;
+    margin: 0 !important;
+    border-radius: 0 !important;
+    border-top: none !important;
+    border-left: none !important;
+    border-right: none !important;
+    border-bottom: 2px solid #e5e7eb !important;
+    background-color: #ffffff !important;
+    display: flex !important;
+    align-items: center !important;
+    padding: 0 16px !important;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
   }
 
   /* expanded sidebar NOT hidden on mobile to allow hamburger menu */

package/src/index.scss

@@ -187,7 +187,7 @@ h6 {
 }
 
 .check-page-link-button {
-  color: theme(colors.primary.main) !important;
+  color: #a82227 !important;
 }
 
 .pt-application-download-btn {

package/src/pages/employee/EmployeeModuleCard.scss

@@ -6,6 +6,7 @@
   .emtb-root {
     display: flex;
     position: fixed;
+    top: 60px;
     left: 0;
     right: 0;
     z-index: 9999;

package/src/pages/employee/ekyc.scss

@@ -838,6 +838,40 @@
           font-weight: 700;
           color: #7dd3b2;
         }
+
+        .download-excel-btn {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          gap: 8px;
+          padding: 8px 16px;
+          background-color: #10B981;
+          color: #ffffff;
+          border: none;
+          border-radius: 8px;
+          font-weight: 700;
+          font-size: 13px;
+          cursor: pointer;
+          transition: all 0.2s ease;
+          width: 100%;
+          margin-top: 14px;
+          box-shadow: 0 2px 4px rgba(16, 185, 129, 0.2);
+
+          &:hover {
+            background-color: #059669;
+            box-shadow: 0 4px 8px rgba(5, 150, 105, 0.3);
+          }
+
+          &:disabled {
+            background-color: #A7F3D0;
+            cursor: not-allowed;
+            box-shadow: none;
+          }
+
+          svg {
+            font-size: 14px;
+          }
+        }
       }
     }
 
@@ -1011,6 +1045,62 @@
         }
       }
     }
+
+    @media (max-width: 768px) {
+      padding: 16px;
+      border-radius: 12px;
+
+      .status-cards-header {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 16px;
+
+        .status-cards-subtitle {
+          max-width: 100%;
+        }
+
+        .total-applications-card {
+          margin-top: 0;
+          width: 100%;
+          min-width: unset;
+        }
+      }
+
+      .status-panels-grid {
+        grid-template-columns: 1fr;
+        gap: 16px;
+        justify-items: center;
+
+        .status-panel {
+          max-width: 360px;
+          width: 100%;
+        }
+      }
+    }
+
+    @media (max-width: 480px) {
+      .status-cards-header {
+        .status-cards-h1 {
+          font-size: 20px;
+        }
+      }
+
+      .status-panels-grid {
+        .status-panel {
+          padding: 16px;
+
+          .breakdown-body {
+            flex-direction: column-reverse;
+            align-items: center;
+            gap: 16px;
+
+            .status-legend {
+              width: 100%;
+            }
+          }
+        }
+      }
+    }
   }
 }