@pmidc/upyog-css 1.1.13 → 1.2.1

package/package.json

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

package/src/components/body.scss

@@ -42,35 +42,6 @@ body {
   padding: 10px;
 }
 
-.link-label {
-    align-items: center;
-    justify-content: center;
-    height: 40px;
-    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
-    color: white !important;
-    text-align: center;
-    outline: none;
-    width: 175px;
-    border-radius: 8px;
-    border: none;
-    font-weight: 700;
-    font-size: 13px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
-    margin: 0;
-    text-decoration: none;
-
-    &:hover {
-      transform: translateY(-2px);
-      box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
-      color: white !important;
-    }
-
-    &:focus {
-      outline: none;
-    }
-  }
 
 
 .back-btn {

package/src/components/selectdropdown.scss

@@ -97,7 +97,9 @@
 
   .options-card {
     right: 0px;
-    width: 144px;
+    left: 0px;
+    width: 100% !important;
+    min-width: 200px;
     box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
     max-height: 250px !important;
     overflow: auto;

package/src/index.scss

@@ -232,7 +232,7 @@
   margin-left: auto;
 }
 .ws-citizen-wrapper{
-  padding:"15px";
+  padding:15px;
 }
 
 .application-details-link-button {

package/src/pages/citizen/DocumentList.scss

@@ -383,7 +383,7 @@
   border: none;
 }
 
-.clu-doc-required-card {
+.bpa-doc-required-card {
     background: #FAFAFA;
     border: 1px solid #D6D5D4;
     padding: 8px;
@@ -394,35 +394,35 @@
     padding-top: 15px;
 }
 
-.clu-doc-required-wrapper {
+.bpa-doc-required-wrapper {
     margin-bottom: 24px;
 }
 
-.clu-doc-required-label {
+.bpa-doc-required-label {
     width: 100%;
 }
 
-.clu-doc-required-field {
+.bpa-doc-required-field {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }
 
-.clu-doc-required-coordinates {
+.bpa-doc-required-coordinates {
     padding: 10px;
     font-size: 14px;
 }
-.clu-doc-view-container {
+.bpa-doc-view-container {
     margin-top: 19px;
 }
 
-.clu-doc-view-grid {
+.bpa-doc-view-grid {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
 }
 
-.clu-doc-view-link {
+.bpa-doc-view-link {
     width: 120px;
     text-align: center;
     display: flex;
@@ -432,12 +432,12 @@
     color: inherit;
 }
 
-.clu-doc-view-pdf-icon {
+.bpa-doc-view-pdf-icon {
     background: #f6f6f6;
     padding: 8px;
 }
 
-.clu-doc-view-label {
+.bpa-doc-view-label {
     margin-top: 8px;
     font-size: 12px;
     word-wrap: break-word;

package/src/pages/employee/form-fields.scss

@@ -4,7 +4,7 @@
 
 @screen dt {
     .form-field{
-        @apply w-1/2
+        @apply w-full
     }
 
     .desktop-w-full{

package/src/pages/employee/inbox.scss

@@ -28,14 +28,14 @@
     .link {
       @apply p-sm text-primary-main items-center;
       display: flex !important;
-      color: #2947A3 !important;
+      color: #2947a3 !important;
     }
 
     .inbox-total {
       padding: 4px;
       display: table;
       @apply whitespace-normal text-center text-white w-8 h-8 bg-primary-main rounded-full ml-xs;
-      background-color: #1359C8 !important;
+      background-color: #1359c8 !important;
     }
   }
 
@@ -52,6 +52,12 @@
   }
 }
 
+.complaint-header {
+  display: flex;
+  @apply flex justify-between w-full;
+  margin-bottom: 20px;
+}
+
 .MobilePopupHeadingWrapper {
   @apply flex place-content-between mb-md;
   h2 {
@@ -153,6 +159,12 @@
     .search-complaint-container {
       @apply items-center bg-white p-md;
 
+      .complaint-header {
+        display: flex;
+        justify-content: space-between;
+        padding-bottom: 1rem;
+      }
+
       .complaint-input-container {
         @apply w-full;
         .complaint-input {
@@ -220,7 +232,7 @@
       margin-left: 46px;
 
       .link {
-        color:#a82227 !important;
+        color: #a82227 !important;
         @apply p-sm text-primary-main;
       }
     }
@@ -236,7 +248,7 @@
         @apply bg-white;
         svg {
           path {
-            fill: #1359C8;
+            fill: #1359c8;
           }
         }
       }
@@ -287,18 +299,10 @@
     }
 
     .search-container {
-    
-
       .search-complaint-container {
         margin: auto;
         @apply flex flex-col items-start  mb-md bg-white p-md;
 
-        .complaint-header {
-          display: flex;
-          @apply flex justify-between w-full;
-          margin-bottom: 20px;
-        }
-
         .complaint-input-container {
           /* display: inline-block !important; */
           display: grid !important;
@@ -408,9 +412,9 @@
 }
 
 .sla-cell-error {
-  color: #2947A3;
+  color: #2947a3;
   color: #a82227;
-  background-color: #F5FBFF;
+  background-color: #f5fbff;
   padding: 0 24px;
   border-radius: 11px;
 }
@@ -443,7 +447,7 @@
 @screen dt {
   .complaint-links-container .header .removeBorderRadiusLogo {
     border-radius: 2px !important;
-    background-color: #a82227
+    background-color: #a82227;
   }
 }
 @screen dt {
@@ -454,7 +458,7 @@
   }
 }
 
-.employeeTotalLink{
+.employeeTotalLink {
   color: #a82227;
   font-size: 12px;
 }
@@ -566,43 +570,43 @@
 .inboxLinksFSM {
   margin: 0 !important;
 }
-.complaint-links-container .body .link{
-  color: #2947A3 !important;
+.complaint-links-container .body .link {
+  color: #2947a3 !important;
 }
 
-.employee .customEmployeeCard:nth-child(odd){
-  .employeeCustomCard{
+.employee .customEmployeeCard:nth-child(odd) {
+  .employeeCustomCard {
     background-color: white;
-    background-size: cover
+    background-size: cover;
   }
 }
-.employee .customEmployeeCard:nth-child(even){
-  .employeeCustomCard{
-background-color: white;
-background-size: cover
+.employee .customEmployeeCard:nth-child(even) {
+  .employeeCustomCard {
+    background-color: white;
+    background-size: cover;
   }
 }
 .employee .employeeCustomCard {
   border-radius: 4%;
-    .employeeCustomCard {
-      border-radius: 4%;
+  .employeeCustomCard {
+    border-radius: 4%;
   }
 }
-.employee-card-banner{
-    background-color: white;
-    width: 88%;
-    margin: 0 auto;
-    bottom: 0px;
-    position: absolute;
-    margin-bottom: -10%;
-    left: 6%;
-    border-radius: 10px;
-}
-.text-employee-card{
+.employee-card-banner {
+  background-color: white;
+  width: 88%;
+  margin: 0 auto;
+  bottom: 0px;
+  position: absolute;
+  margin-bottom: -10%;
+  left: 6%;
+  border-radius: 10px;
+}
+.text-employee-card {
   font-size: 1.5rem;
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
   position: absolute;
-  top:10%;
+  top: 10%;
   padding-left: 10%;
   color: black !important;
   width: 300px;
@@ -687,38 +691,35 @@ background-size: cover
   }
 }
 @media only screen and (max-width: 640px) {
-.dashboardCardTypeOne {
-  border-top:5px solid #2947A3;
-  box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
-  background: #FFFFFF;
-  height: 188px;
-  padding: 16px 20px;
-  gap: 24px;
-  border-radius: 8px 0px 0px 0px;
-  border-top: 5px solid hsl(225, 60%, 40%);
-  opacity: 1;
-  width: 87%;
- 
-
-}
- 
- 
-.dashboardCardTypeOneHeader {
-  color: #14346D;
-  font-family: Roboto;
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 24px;
-  text-align: center;
-  word-wrap: break-word;
-  margin-left: 10%;
-}
+  .dashboardCardTypeOne {
+    border-top: 5px solid #2947a3;
+    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
+    background: #ffffff;
+    height: 188px;
+    padding: 16px 20px;
+    gap: 24px;
+    border-radius: 8px 0px 0px 0px;
+    border-top: 5px solid hsl(225, 60%, 40%);
+    opacity: 1;
+    width: 87%;
+  }
+
+  .dashboardCardTypeOneHeader {
+    color: #14346d;
+    font-family: Roboto;
+    font-size: 20px;
+    font-weight: 500;
+    line-height: 24px;
+    text-align: center;
+    word-wrap: break-word;
+    margin-left: 10%;
+  }
 }
 @media only screen and (min-width: 641px) {
   .dashboardCardTypeOne {
-    border-top:5px solid #2947A3;
+    border-top: 5px solid #2947a3;
     box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15);
-    background: #FFFFFF;
+    background: #ffffff;
     height: 188px;
     padding: 16px 20px;
     gap: 24px;
@@ -726,20 +727,14 @@ background-size: cover
     border-top: 5px solid hsl(225, 60%, 40%);
     opacity: 1;
     width: 100%;
-  
-  
   }
-   
-  
+
   .dashboardCardTypeOneHeader {
-    color: #14346D;
+    color: #14346d;
     font-family: Roboto;
     font-size: 20px;
     font-weight: 500;
     line-height: 24px;
     text-align: left;
-  
-  
   }
-  }
-  
+}

package/src/pages/employee/index.scss

@@ -459,7 +459,7 @@
       fill: #a82227;
     }
     .form-field{
-      width: 100%;
+      width: 100% !important;
     }
   }
 }