@djb25/digit-ui-css 1.0.84 → 1.0.86

package/package.json

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

package/src/components/EkycAssign.scss

@@ -6,7 +6,6 @@
   max-width: 100%;
   overflow-y: auto;
   flex: 1;
-  padding: 20px;
 
   .filters-grid {
     display: grid;

package/src/index.scss

@@ -187,7 +187,8 @@ h6 {
 }
 
 .check-page-link-button {
-  color: #a82227 !important;
+  color: red !important;
+  font-size: 18px !important;
 }
 
 .pt-application-download-btn {

package/src/pages/employee/inbox.scss

@@ -228,7 +228,7 @@
   &:hover {
     height: 32px;
     border-radius: 9999999px;
-    border: 2px solid #a82227;
+    border: 2px solid #00497e;
     padding: 0 32px;
     display: flex;
     align-items: center;

package/src/pages/employee/index.scss

@@ -2,6 +2,7 @@
 @import "./EmployeeModuleCard.scss";
 @import "./ekycDashboard.scss";
 @import "./dashboard.scss";
+@import "./ws-calculation.scss";
 
 /* TODO: convert using tailwind */
 .employee {
@@ -677,7 +678,7 @@
 }
 
 .hover-button:hover {
-  border: 2px solid #a82227 !important;
+  border: 2px solid #00497e !important;
 }
 
 .hover-button-round:hover {
@@ -686,7 +687,7 @@
 
 @media (min-width: 640px) {
   .add-details-link {
-    color: #a82227;
+    color: #00497e;
     cursor: pointer;
     text-decoration: underline;
     display: flex;

package/src/pages/employee/popupmodule.scss

@@ -15,6 +15,10 @@
     flex-direction: column;
   }
 
+  .popup-module-content {
+    padding: 12px;
+  }
+
   .popup-module-action-bar {
     border-top: 1px solid rgba(15, 23, 42, 0.08);
     padding-top: 12px;

package/src/pages/employee/ws-calculation.scss

@@ -0,0 +1,209 @@
+.ws-calc-details-wrapper {
+  margin-top: 32px; /* Added more space from the calculate button */
+}
+
+.ws-calc-detail-card {
+  margin-bottom: 24px;
+}
+
+.ws-calc-property-box {
+  border: 1px solid #d6d5d4;
+  border-radius: 4px;
+  padding: 16px;
+  background-color: #fff;
+}
+
+.ws-calc-detail-card-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16px;
+}
+
+.ws-calc-detail-card-badge {
+  background-color: #e8efff;
+  color: #0b4b66;
+  padding: 4px 10px;
+  border-radius: 50%;
+  margin-right: 8px;
+  font-weight: bold;
+}
+
+.ws-calc-detail-card-title {
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.ws-calc-grid-3 {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 16px;
+}
+
+.ws-calc-grid-4 {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+  margin-bottom: 16px;
+}
+
+.ws-calc-label {
+  color: #505A5F;
+  font-size: 12px;
+  margin-bottom: 4px;
+}
+
+.ws-calc-value {
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.ws-calc-pill {
+  font-weight: bold;
+  font-size: 14px;
+  background-color: #e8efff;
+  color: #0b4b66;
+  padding: 2px 8px;
+  border-radius: 4px;
+  display: inline-block;
+}
+
+.ws-calc-hr {
+  margin: 16px 0;
+  border-top: 1px solid #d6d5d4;
+  border-bottom: none;
+  border-left: none;
+  border-right: none;
+}
+
+.ws-calc-split-card {
+  display: flex;
+  border: 1px solid #d6d5d4;
+  border-radius: 4px;
+}
+
+.ws-calc-split-left {
+  flex: 1;
+  padding: 16px;
+  border-right: 1px solid #d6d5d4;
+}
+
+.ws-calc-split-right {
+  flex: 1;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.ws-calc-row {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.ws-calc-row-last {
+  display: flex;
+  justify-content: space-between;
+}
+
+.ws-calc-row-label {
+  color: #505A5F;
+  font-size: 14px;
+}
+
+.ws-calc-row-value {
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.ws-calc-row-value-right {
+  font-weight: bold;
+  font-size: 14px;
+  text-align: right;
+  max-width: 60%;
+}
+
+.ws-calc-row-value-red {
+  font-weight: bold;
+  font-size: 14px;
+  color: #d4351c;
+}
+
+.ws-calc-highlight-blue {
+  display: flex;
+  justify-content: space-between;
+  background-color: #e8efff;
+  padding: 12px;
+  border-radius: 4px;
+}
+
+.ws-calc-highlight-blue-label {
+  color: #0b4b66;
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.ws-calc-highlight-blue-value {
+  color: #0b4b66;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.ws-calc-highlight-green {
+  display: flex;
+  justify-content: space-between;
+  background-color: #eaf5ea;
+  padding: 12px;
+  border-radius: 4px;
+}
+
+.ws-calc-highlight-green-label {
+  color: #00703c;
+  font-weight: bold;
+  font-size: 14px;
+}
+
+.ws-calc-highlight-green-value {
+  color: #00703c;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.ws-calc-highlight-purple {
+  flex: 1;
+  padding: 16px;
+  background-color: #f9eefc;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.ws-calc-highlight-purple-label {
+  color: #6a0dad;
+  font-weight: bold;
+  font-size: 16px;
+}
+
+.ws-calc-highlight-purple-value {
+  color: #6a0dad;
+  font-weight: bold;
+  font-size: 20px;
+}
+
+/* Mobile Responsiveness */
+@media (max-width: 768px) {
+  .ws-calc-grid-3,
+  .ws-calc-grid-4 {
+    grid-template-columns: 1fr;
+    gap: 12px;
+  }
+
+  .ws-calc-split-card {
+    flex-direction: column;
+  }
+
+  .ws-calc-split-left {
+    border-right: none;
+    border-bottom: 1px solid #d6d5d4;
+  }
+}