@djb25/digit-ui-css 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djb25/digit-ui-css",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "satyam",
@@ -63,4 +63,4 @@
     "digit-ui",
     "css"
   ]
-}
+}

package/src/components/card.scss

@@ -470,9 +470,7 @@
 }
 
 .new-employee-card {
-  background-image: url("https://objectstorage.ap-hyderabad-1.oraclecloud.com/n/axn3czn1s06y/b/djb-dev-asset-bucket/o/dashboard_card_img.png");
-  background-size: cover;
-  background-position: center;
+  position: relative;
   border: 1px solid #f3f4f6;
   border-radius: 12px;
   padding: 15px;
@@ -483,6 +481,23 @@
   max-width: 426px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   font-family: "Inter", -apple-system, sans-serif;
+  overflow: hidden;
+}
+
+.new-employee-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-image: url("https://objectstorage.ap-hyderabad-1.oraclecloud.com/n/axn3czn1s06y/b/djb-dev-asset-bucket/o/dashboard_card_img.png");
+  background-size: cover;
+  background-position: center;
+  opacity: 0.2;
+  z-index: 0;
+}
+
+.new-employee-card>* {
+  position: relative;
+  z-index: 1;
 }
 
 .card-header-row {

package/src/pages/employee/container.scss

@@ -51,7 +51,41 @@
   min-width: 280px;
 }
 
+.collapsible-sidebar-container {
+  flex-shrink: 0;
+  border-right: 1px solid #e0e0e0;
+  background: #f8f9fa;
+  transition: width 0.3s ease;
+  width: 100%;
+}
+
+.employee-app-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  min-height: calc(100vh - 90px);
+}
+
+.employee-app-container-inner {
+  flex: 1;
+  overflow-x: hidden;
+  width: 100%;
+}
+
 @screen dt {
+  .employee-app-wrapper {
+    flex-direction: row;
+  }
+
+  .ground-container {
+    margin-bottom: 56px;
+    /* @apply p-md; */
+  }
+
+  .collapsible-sidebar-container {
+    width: auto;
+  }
+
   .heading-m {
     @apply text-heading-m-dt;
   }
@@ -65,8 +99,7 @@
     margin-bottom: 40px;
   }
 
-  .employee-home-footer {
-  }
+  .employee-home-footer {}
 
   .moduleCardWrapper {
     /* @apply flex flex-row flex-wrap !important; */
@@ -74,5 +107,6 @@
 
   .gridModuleWrapper {
     @apply grid grid-cols-4 gap-1;
+    gap: 20px;
   }
-}
+}

package/src/pages/employee/index.scss

@@ -217,8 +217,7 @@
       &.active {
         border-left: 4px solid theme(colors.primary.main);
 
-        &.level-0 {
-        }
+        &.level-0 {}
 
         &.level-1 {
           border-left: 8.5px solid theme(colors.primary.main);
@@ -228,8 +227,7 @@
           border-left: 4px solid theme(colors.primary.main);
         }
 
-        &.level-3 {
-        }
+        &.level-3 {}
 
         color: theme(colors.primary.main) !important;
         border-right: none;
@@ -396,8 +394,10 @@
     padding: 14px;
     border-radius: 11px;
 
-    justify-content: space-between;
-    align-items: center;
+
+    align-items: flex-end;
+    justify-content: flex-end;
+    gap: 10px;
 
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
 
@@ -405,14 +405,14 @@
       margin: 0;
       font-size: 25px;
       font-weight: 700;
-      color: #0f172a;
+      color: #ffffff;
     }
 
     .subtitle {
       margin: 0;
       font-size: 20px;
       font-weight: 700;
-      color: #0f172a;
+      color: #ffffff;
     }
   }
 
@@ -429,16 +429,19 @@
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
     font-size: 14px;
     font-weight: 500;
+
     .icon {
       width: 35px;
       aspect-ratio: 1/1;
       fill: #fff;
     }
+
     .home-icon {
       width: 24px;
       aspect-ratio: 1/1;
       fill: #fff;
     }
+
     .iconn {
       font-feature-settings: "kern";
       font-size: 16px;
@@ -528,8 +531,7 @@
       justify-content: center;
     }
 
-    .center-container {
-    }
+    .center-container {}
   }
 }
 
@@ -663,4 +665,4 @@
 /* TODO fix required NABEEL/ANIL for home screen card */
 .customEmployeeCard {
   @apply m-sm !important;
-}
+}