@pmidc/upyog-css 1.2.29 → 1.2.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmidc/upyog-css",
-  "version": "1.2.29",
+  "version": "1.2.30",
   "license": "MIT",
   "main": "dist/index.css",
   "engines": {

package/src/components/buttons.scss

@@ -80,12 +80,8 @@
   justify-content: center;
   height: auto;
   min-height: 40px;
-  width: 100%;
   margin: 0;
 
-  @media (min-width: 768px) {
-    width: 30%;
-  }
 
   &:hover {
     background-color: #1e3a8a !important;
@@ -144,4 +140,3 @@
   margin-top: 10px;
 }
 
-

package/src/components/textfields.scss

@@ -138,3 +138,9 @@
 .mobile-number-input-with-prefix {
   padding-left: 45px !important;
 }
+
+@media only screen and (max-width: 768px) {
+  .employee-card-input {
+    font-size: 14px;
+  }
+}

package/src/index.scss

@@ -1668,17 +1668,27 @@ input[type="date"] {
   border-collapse: collapse;
 }
 
-/* CLU Fee Table Header */
+
 .custom-fee-table-header {
   padding: 14px 12px;
   font-size: 12px;
   white-space: nowrap;
+  background: linear-gradient(135deg, #1e3a8a, #2563eb);
+  color: white;
+  font-weight: 600;
+  text-align: left;
 }
 
-/* CLU Fee Table Cells */
+
 .custom-fee-table-cell {
   padding: 14px 12px;
-  font-size: 13px;
+  font-size: 16px;
+}
+@media (max-width: 768px) {
+  .custom-fee-table-cell {
+    font-size: 13px;
+    padding: 10px 8px;
+  }
 }
 
 .custom-fee-table-cell-taxhead {
@@ -1693,7 +1703,7 @@ input[type="date"] {
   padding: 14px 12px;
 }
 
-/* CLU Fee History Wrapper */
+
 .custom-fee-history-section {
   margin-top: 16px;
 }
@@ -1718,15 +1728,19 @@ input[type="date"] {
   border-collapse: collapse;
 }
 
-/* CLU Fee History Header */
+
 .custom-fee-history-header {
   padding: 12px 8px;
-  font-size: 12px;
+  font-size: 14px;
   white-space: nowrap;
   min-width: 120px;
+  background-color: #0d43a7;
+  color: white;
+  font-weight: 600;
+  text-align: left;
 }
 
-/* CLU Fee History Cell */
+
 .custom-fee-history-cell {
   padding: 12px 8px;
   min-width: 120px;
@@ -1734,7 +1748,7 @@ input[type="date"] {
 }
 
 .custom-fee-history-content {
-  font-size: 12px;
+  font-size: 14px;
 }
 
 .custom-fee-history-row {
@@ -1749,16 +1763,245 @@ input[type="date"] {
   word-break: break-word;
 }
 
-/* CLU Fee Table Input */
+.custom-fee-history-label-bold {
+  color: #333;
+  font-weight: 700;
+  font-size: 15px;
+  margin-right: 4px;
+}
+
+
 .custom-fee-table-input {
   width: 100%;
-  padding: 8px;
-  border: 1px solid #ccc;
   border-radius: 4px;
   font-size: 13px;
   box-sizing: border-box;
 }
 
+
+.custom-fee-mobile-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  padding: 0;
+}
+
+.custom-fee-card {
+  background: white;
+  border: 1px solid #E0E0E0;
+  border-radius: 8px;
+  padding: 16px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  transition: box-shadow 0.2s ease;
+
+  &:hover {
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
+  }
+}
+
+.custom-fee-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 12px;
+  padding-bottom: 12px;
+  border-bottom: 2px solid #F0F0F0;
+}
+
+.custom-fee-card-type {
+  font-weight: 700;
+  font-size: 14px;
+  color: #1A1A1A;
+  text-transform: capitalize;
+  letter-spacing: 0.3px;
+}
+
+.custom-fee-card-original-amount {
+  font-size: 12px;
+  color: #888;
+  font-weight: 500;
+}
+
+.custom-fee-card-content {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+.custom-fee-card-row {
+  display: flex;
+  gap: 12px;
+}
+
+.custom-fee-card-field {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+}
+
+.custom-fee-card-label {
+  font-weight: 600;
+  font-size: 12px;
+  color: #000000;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.custom-fee-card-value {
+  font-size: 13px;
+  color: #333;
+  padding: 8px;
+  background: #F9F9F9;
+  border-radius: 4px;
+  min-height: 32px;
+  display: flex;
+  align-items: center;
+  border: 1px solid #E8E8E8;
+}
+
+/* Total Row Special Styling */
+.custom-fee-card-total-row {
+  background: linear-gradient(135deg, #F5F7FA 0%, #F0F3F8 100%);
+  border: 2px solid #D0D8E8;
+  margin-top: 8px;
+
+  .custom-fee-card-header {
+    display: none;
+  }
+}
+
+.custom-fee-card-total-content {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: center;
+  text-align: center;
+  padding: 12px 0;
+}
+
+.custom-fee-card-total-label {
+  font-size: 12px;
+  color: #1f4ed4;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.custom-fee-card-total-value {
+  font-size: 24px;
+  font-weight: 800;
+  color: #1A1A1A;
+  letter-spacing: 0.2px;
+}
+
+.custom-fee-card-total-words {
+  font-size: 11px;
+  color: #1f4ed4;
+  font-style: italic;
+  margin-top: 4px;
+  line-height: 1.4;
+}
+
+
+/* Mobile History Section */
+.custom-fee-mobile-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.custom-fee-mobile-history {
+  background: white;
+  border: 1px solid #E0E0E0;
+  overflow: hidden;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  margin-top: 20px;
+}
+
+.custom-fee-history-toggle-mobile {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 16px;
+  cursor: pointer;
+  background: linear-gradient(135deg, #F5F7FA 0%, #F0F3F8 100%);
+  border-bottom: 1px solid #E0E0E0;
+  transition: all 0.2s ease;
+
+  &:active {
+    background: linear-gradient(135deg, #F0F3F8 0%, #E8ECFA 100%);
+  }
+}
+
+.custom-fee-history-title {
+  font-weight: 700;
+  font-size: 14px;
+  color: #1A1A1A;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+}
+
+.custom-fee-history-icon {
+  font-size: 12px;
+  color: #666;
+  font-weight: 600;
+}
+
+.custom-fee-history-cards {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.custom-fee-history-card {
+  background: #F9F9F9;
+  border: 1px solid #E8E8E8;
+  border-radius: 6px;
+  overflow: hidden;
+}
+
+.custom-fee-history-card-header {
+  background: #0d43a7;
+  padding: 12px 16px;
+  font-weight: 600;
+  font-size: 15px;
+  color: white;
+  border-bottom: 1px solid #0d43a7;
+  text-transform: uppercase;
+  letter-spacing: 0.3px;
+}
+
+.custom-fee-history-card-content {
+  padding: 12px 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.custom-fee-history-entry {
+  padding: 8px 0;
+  border-bottom: 1px solid #E8E8E8;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.custom-fee-history-item {
+  font-size: 14px;
+  color: #555;
+  line-height: 1.5;
+  word-break: break-word;
+}
+
+.custom-fee-history-label-bold {
+  color: #333;
+  font-weight: 700;
+  font-size: 15px;
+  margin-right: 4px;
+}
+
 /* NOC Document Checklist Table Wrapper */
 .checklist-document-table-wrapper {
   overflow-x: auto;
@@ -1809,7 +2052,7 @@ input[type="date"] {
 }
 
 .checklist-table-cell-doc-name {
-  font-size: 13px;
+  font-size: 16px;
   min-width: 150px;
 }
 
@@ -1824,8 +2067,21 @@ input[type="date"] {
 .checklist-table-input {
   width: 100%;
   padding: 8px;
-  border: 1px solid #ccc;
+
   border-radius: 4px;
   font-size: 13px;
   box-sizing: border-box;
 }
+@media (min-width: 1024px) {
+  .data-card{
+    .employee-card-sub-heade {
+        margin-bottom: 40px;
+      font-size: 18px;
+          font-weight: 700;
+    color: #1e293b;
+    text-align: left;
+    text-transform: uppercase;
+    letter-spacing: .4px;
+    }
+  }
+}

package/src/pages/common/newApplicationTimeline.scss

@@ -218,6 +218,7 @@
   color: #374151;
   line-height: 1.6;
   overflow-wrap: break-word;
+  word-break: break-word;
 }
 
 .custom-doc-container {