@djb25/digit-ui-css 1.0.42 → 1.0.44

package/package.json

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

package/src/components/SearchForm.scss

@@ -1,5 +1,5 @@
 .search-form-wrapper {
-  @apply w-full flex flex-wrap gap-5 justify-between bg-white;
+  @apply w-full flex-wrap gap-5 justify-between bg-white;
 
   padding: 20px;
   border-radius: 11px;

package/src/components/body.scss

@@ -110,7 +110,7 @@ body {
   }
 
   @media (min-width: 1280px) {
-    padding-inline: 64px;
+    padding-inline: 50px;
   }
 }
 
@@ -140,13 +140,12 @@ body {
   .form-container {
     display: flex;
     flex-direction: column;
-    padding: 26px;
+    padding: 20px;
     width: 100%;
     gap: 12px;
 
     @media (min-width: 768px) {
-      padding-right: 75px;
-      padding-top: 33px;
+      padding-right: 55px;
     }
 
     .header {

package/src/components/card.scss

@@ -1336,7 +1336,6 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
-  padding: 0 16px;
 }
 
 .nav-link {
@@ -1416,7 +1415,7 @@
 }
 
 .collapsed .sidebar-header {
-  padding: 24px 0;
+  padding: 15px 0;
   flex-direction: column;
   gap: 24px;
   justify-content: center;

package/src/components/topbar.scss

@@ -31,9 +31,7 @@
       margin: 0;
       line-height: 1.1;
     }
-
-
-}
+  }
 
   img {
     display: inline;
@@ -44,7 +42,6 @@
 
     &.spect-icon {
       width: auto;
-      padding-right: 20px;
       max-height: 50px;
     }
 
@@ -293,9 +290,10 @@ video::-webkit-media-controls-panel {
 
 .topbar-item-wrapper {
   display: flex !important;
+  flex-direction: row !important;
   align-items: center !important;
-  gap: 10px !important;
-  padding: 8px 14px !important;
+  gap: 8px !important;
+  padding: 6px 12px !important;
   border-radius: 8px !important;
   border: 1px solid #e5e7eb !important;
   background-color: #ffffff !important;
@@ -304,6 +302,29 @@ video::-webkit-media-controls-panel {
   font-weight: 500 !important;
   color: #1f2937 !important;
   white-space: nowrap !important;
+  height: 42px;
+  position: relative !important;
+
+  /* Reset absolute styles from dropdowns */
+  svg,
+  img,
+  span {
+    position: static !important;
+    right: auto !important;
+    top: auto !important;
+    margin: 0 !important;
+    float: none !important;
+    flex-shrink: 0 !important;
+  }
+
+  .chevron-icon {
+    display: flex !important;
+    align-items: center !important;
+    color: #4b5563 !important;
+    margin-left: 2px !important;
+    width: 14px !important;
+    height: 14px !important;
+  }
 
   @media (max-width: 1024px) {
     padding: 6px 10px !important;
@@ -338,7 +359,7 @@ video::-webkit-media-controls-panel {
 }
 
 .vertical-divider {
-  width: 2px;
+  width: 1px;
   height: 28px;
   background-color: rgb(203, 213, 225);
 

package/src/index.scss

@@ -913,20 +913,40 @@ input[type="number"] {
   height: 100%;
 }
 
-.flex-gap-1 {
+.flex-box-content-between {
   display: flex;
-  justify-content: center;
+  justify-content: space-between;
   align-items: center;
-  gap: 4px;
+  width: 100%;
+  height: 100%;
 }
 
-.flex-gap-2 {
+.flex-center {
   display: flex;
   justify-content: center;
   align-items: center;
+}
+
+.flex-gap-1 {
+  gap: 4px;
+}
+
+.flex-gap-2 {
   gap: 8px;
 }
 
+.flex-gap-3 {
+  gap: 12px;
+}
+
+.flex-gap-4 {
+  gap: 16px;
+}
+
+.flex-gap-5 {
+  gap: 20px;
+}
+
 .bc-white {
   background-color: #fff;
 }

package/src/pages/employee/ekyc.scss

@@ -1,3 +1,14 @@
+.ekyc-module-header-wrapper {
+    justify-content: space-between !important;
+    padding: 0 20px;
+}
+
+.ekyc-module-header-container {
+    width: 100% !important;
+    max-width: 100% !important;
+    margin: 0 !important;
+}
+
 .ekyc-employee-container {
   .inbox-main-container {
     flex: 1;
@@ -34,6 +45,11 @@
       border-right: none;
     }
 
+    .inbox-main-container {
+        flex: 1;
+        border-radius: 12px;
+    }
+
     .count {
       font-size: 32px;
       font-weight: 700;