@djb25/digit-ui-css 1.0.12 → 1.0.14

package/package.json

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

package/src/components/body.scss

@@ -130,6 +130,7 @@ body {
     flex-direction: column;
     gap: 12px;
     padding: 20px;
+    padding-bottom: 0px;
     width: 100%;
 
     .header {

package/src/components/card.scss

@@ -180,6 +180,7 @@
 }
 
 @screen dt {
+
   .submit-bar,
   .submit-bar-disabled {
     width: 240px;
@@ -342,7 +343,7 @@
     }
 
     /* Remove any default margins that might interfere */
-    .label-field-pair > * {
+    .label-field-pair>* {
       margin: 0;
     }
 
@@ -373,8 +374,7 @@
       margin-right: auto;
     }
 
-    .header-content {
-    }
+    .header-content {}
 
     .header-end {
       margin-left: auto;
@@ -415,8 +415,7 @@
     margin-bottom: 24px;
   }
 
-  .info-banner-wrap-citizen-override {
-  }
+  .info-banner-wrap-citizen-override {}
 
   .oc-aknowledgement-screen {
     width: auto;
@@ -448,10 +447,6 @@
   height: 60px !important;
 }
 
-.employee-main-application-details {
-  padding: 10px !important;
-}
-
 .employee-mulitlink-main-div {
   z-index: 10 !important;
   max-width: 41% !important;
@@ -479,9 +474,16 @@
   gap: 24px;
   width: 100%;
   max-width: 426px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  min-height: 270px;
+  box-shadow: 0 14px 10px -6px rgba(0, 0, 0, 0.12), 0 8px 12px -8px rgba(0, 0, 0, 0.08);
   font-family: "Inter", -apple-system, sans-serif;
   overflow: hidden;
+  transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+
+.new-employee-card:hover {
+  transform: translateY(-6px);
+  box-shadow: 0 24px 36px -8px rgba(0, 0, 0, 0.18), 0 12px 20px -10px rgba(0, 0, 0, 0.12);
 }
 
 .new-employee-card::before {
@@ -491,7 +493,7 @@
   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;
+  opacity: 0.5;
   z-index: 0;
 }
 
@@ -578,9 +580,9 @@
 
 .secondary-kpi-item {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-end;
   align-items: center;
-  gap: 24px;
+  gap: 8px;
   width: 100%;
 }
 
@@ -653,14 +655,18 @@
 .details-btn {
   background-color: #1e293b;
   color: #ffffff;
-  padding: 8px 20px;
-  border-radius: 20px;
-  font-size: 0.8rem;
+  padding: 6px 20px;
+  border-radius: 6px;
+  font-size: 0.75rem;
   font-weight: 600;
   border: none;
   cursor: pointer;
+  transition: background-color 0.2s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
   flex-shrink: 0;
-  margin-bottom: 2px;
 }
 
 .details-btn:hover {
@@ -1251,15 +1257,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;
@@ -1327,4 +1334,4 @@
 .collapsed .nav-item-content {
   justify-content: center;
   padding: 12px 0;
-}
+}

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/index.scss

@@ -703,7 +703,7 @@ input[type="number"] {
 
 .employee-app-wrapper {
   min-height: calc(100vh - 8em);
-  height: calc(100vh - 125px);
+  height: calc(100vh - 105px);
 }
 
 .ws-custom-wrapper {

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;
@@ -491,12 +485,6 @@
       margin-left: 0;
     }
 
-    .card-home {
-      /* width: 23%; */
-      margin-right: 10px;
-      margin-bottom: 10px;
-    }
-
     .card-home-hrms {
       width: 405px;
       padding: 0px;