@djb25/digit-ui-css 1.0.11 → 1.0.13

package/package.json

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

package/src/components/card.scss

@@ -448,10 +448,6 @@
   height: 60px !important;
 }
 
-.employee-main-application-details {
-  padding: 10px !important;
-}
-
 .employee-mulitlink-main-div {
   z-index: 10 !important;
   max-width: 41% !important;
@@ -470,9 +466,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 +477,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 {
@@ -1236,15 +1247,16 @@
 }
 
 .fallback-initial {
-  font-size: 0.85rem;
+  font-size: 1rem;
   font-weight: 700;
   letter-spacing: 0.5px;
   background-color: var(--border-color);
   /* Added a subtle background circle for initials */
   color: var(--text-muted);
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  padding: 20px;
   display: flex;
   justify-content: center;
   align-items: center;

package/src/components/topbar.scss

@@ -51,7 +51,7 @@
     .user-img-txt {
       background: theme(colors.primary.main);
       padding: 10px 15px;
-      border-radius: 8px;
+      border-radius: 2px;
       color: white;
       height: 43px;
       width: 43px;

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

@@ -12,12 +12,6 @@
   }
 
   .card-home {
-    font-size: 16px;
-    /* padding: 0 0 16px 0; */
-    /* width: 23%; */
-    border-radius: 10px;
-    display: inline-block;
-    margin: 8px auto;
     cursor: pointer;
     overflow: hidden;
     transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
@@ -217,8 +211,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 +221,7 @@
           border-left: 4px solid theme(colors.primary.main);
         }
 
-        &.level-3 {
-        }
+        &.level-3 {}
 
         color: theme(colors.primary.main) !important;
         border-right: none;
@@ -396,8 +388,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 +399,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 +423,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;
@@ -488,12 +485,6 @@
       margin-left: 0;
     }
 
-    .card-home {
-      /* width: 23%; */
-      margin-right: 10px;
-      margin-bottom: 10px;
-    }
-
     .card-home-hrms {
       width: 405px;
       padding: 0px;
@@ -528,8 +519,7 @@
       justify-content: center;
     }
 
-    .center-container {
-    }
+    .center-container {}
   }
 }
 
@@ -663,4 +653,4 @@
 /* TODO fix required NABEEL/ANIL for home screen card */
 .customEmployeeCard {
   @apply m-sm !important;
-}
+}