@tattvafoundation/upyog-css 1.0.15 → 1.0.17

package/src/pages/employee/inbox.scss

@@ -1,6 +1,7 @@
 .complaint-links-container {
   @apply bg-white;
   border-radius: 4px;
+
   .header {
     @apply flex items-center border-b border-border justify-between;
 
@@ -10,6 +11,7 @@
       @apply bg-focus;
       padding: 12px;
       border-radius: 4px;
+
       svg {
         @apply w-8 h-8;
       }
@@ -41,10 +43,12 @@
 
   .links-wrapper {
     @apply pl-md py-sm text-text-btn;
+
     .link {
       padding: 0 !important;
       padding-bottom: 4px !important;
       color: #a82227 !important;
+
       svg {
         @apply ml-sm;
       }
@@ -54,6 +58,7 @@
 
 .MobilePopupHeadingWrapper {
   @apply flex place-content-between mb-md;
+
   h2 {
     @apply text-heading-l font-bold;
   }
@@ -61,6 +66,7 @@
 
 .filter-button {
   @apply text-primary-main;
+
   &:hover {
     @apply text-primary-dark cursor-pointer;
   }
@@ -69,13 +75,16 @@
 .employeeCard-info-box {
   @apply flex justify-end ml-md;
   background-color: #fafafa;
+
   div {
     margin-right: 32px;
+
     span:nth-child(2) {
       @apply font-bold;
       color: #4f5a5f;
     }
   }
+
   .employeeCard-info-data {
     display: flex;
     flex-direction: column;
@@ -99,15 +108,18 @@
     .filter-label {
       @apply font-bold text-heading-l flex gap-3;
       padding-bottom: 6px;
+
       svg {
         fill: #0b0c0c;
       }
     }
+
     .sub-filter-label {
       font-weight: 400;
       font-size: 16px;
     }
   }
+
   .filter-form-field {
     p {
       @apply text-form-field text-text-primary block mb-md;
@@ -121,9 +133,11 @@
       .filter-card {
         @apply bg-white;
         padding: 10px;
+
         .filter-card-close-button {
           @apply flex flex-row-reverse;
         }
+
         .heading {
           @apply flex justify-between;
 
@@ -135,6 +149,7 @@
         .filter-label {
           @apply text-heading-m block flex gap-3 items-center;
           padding-bottom: 6px;
+
           svg {
             fill: #0b0c0c;
           }
@@ -152,12 +167,14 @@
 
       .complaint-input-container {
         @apply w-full;
+
         .complaint-input {
           @apply flex flex-col;
 
           .clear-search {
             @apply text-focus;
             display: none;
+
             &:hover {
               color: #003078;
               cursor: pointer;
@@ -181,10 +198,12 @@
   @apply text-focus;
   @apply block;
   cursor: pointer;
+
   &:hover {
     color: #000;
   }
 }
+
 .button-clear {
   @apply text-focus text-body-s-dt;
 }
@@ -217,7 +236,7 @@
       margin-left: 46px;
 
       .link {
-        color:#a82227 !important;
+        color: #a82227 !important;
         @apply p-sm text-primary-main;
       }
     }
@@ -226,11 +245,14 @@
   .inboxLinks {
     margin: 0 !important;
     padding: 0 !important;
+
     .header {
       border: none;
       @apply justify-start;
+
       .logo {
         @apply bg-white;
+
         svg {
           path {
             fill: #a82227;
@@ -238,6 +260,7 @@
         }
       }
     }
+
     .body {
       margin-left: 0;
     }
@@ -278,6 +301,7 @@
           }
         }
       }
+
       .citizen-filter {
         margin-top: unset;
       }
@@ -288,7 +312,7 @@
 
       .search-complaint-container {
         margin: auto;
-        @apply flex flex-col items-start  mb-md bg-white p-md;
+        @apply flex flex-col items-start mb-md bg-white p-md;
 
         .complaint-header {
           display: flex;
@@ -362,6 +386,7 @@
               @apply text-focus;
               @apply block;
               cursor: pointer;
+
               &:hover {
                 color: #003078;
                 cursor: pointer;
@@ -378,6 +403,7 @@
           width: 33%;
           margin-top: 28px;
           @apply inline-block align-middle text-center;
+
           button {
             margin: 0;
             width: 100%;
@@ -432,6 +458,7 @@
   justify-content: flex-end;
   align-items: flex-start;
 }
+
 .complaint-links-container .header .removeHeight {
   line-height: 28px;
 }
@@ -439,9 +466,10 @@
 @screen dt {
   .complaint-links-container .header .removeBorderRadiusLogo {
     border-radius: 2px !important;
-    background-color: #a82227
+    background-color: #a82227;
   }
 }
+
 @screen dt {
   .customEmployeeCard {
     width: 320px !important;
@@ -449,9 +477,10 @@
     padding: 0px !important;
   }
 }
-.employeeTotalLink{
-  color: #a82227;
-  
+
+.employeeTotalLink {
+  color: #d1b03f;
+
   font-size: 12px;
 }
 
@@ -460,17 +489,21 @@
     .custom-group-merge-container {
       display: flex !important;
       justify-content: space-between !important;
+
       .header {
         display: flex;
         align-items: baseline;
+
         .logo {
           margin-right: 1rem;
+
           svg {
             path {
               fill: #a82227;
             }
           }
         }
+
         .h1 {
           font-size: 24px;
           line-height: 28px;
@@ -479,12 +512,14 @@
         }
       }
     }
+
     .inbox-container {
       .search-container {
         .search-complaint-container {
           display: flex;
           flex-direction: row;
         }
+
         .group-complaint-input-container {
           width: 33% !important;
           display: flex;
@@ -492,14 +527,17 @@
         }
       }
     }
+
     .inbox-action-container {
       display: flex;
       flex-direction: row-reverse;
+
       .clear-search {
         margin-top: 65px;
         margin-left: 16px;
         padding-top: unset !important;
       }
+
       .submit-bar-search {
         margin-top: 55px !important;
       }
@@ -512,17 +550,21 @@
     .custom-group-merge-container {
       display: flex !important;
       justify-content: space-between !important;
+
       .header {
         display: flex;
         align-items: baseline;
+
         .logo {
           margin-right: 1rem;
+
           svg {
             path {
               fill: #a82227;
             }
           }
         }
+
         .h1 {
           font-size: 24px;
           line-height: 28px;
@@ -531,12 +573,14 @@
         }
       }
     }
+
     .inbox-container {
       .search-container {
         .search-complaint-container {
           display: flex;
           flex-direction: row;
         }
+
         .group-complaint-input-container {
           width: 33% !important;
           display: flex;
@@ -544,14 +588,17 @@
         }
       }
     }
+
     .inbox-action-container {
       display: flex;
       flex-direction: row-reverse;
+
       .clear-search {
         margin-top: 65px;
         margin-left: 16px;
         padding-top: unset !important;
       }
+
       .submit-bar-search {
         margin-top: 55px !important;
       }
@@ -562,49 +609,70 @@
 .inboxLinksFSM {
   margin: 0 !important;
 }
-.complaint-links-container .body .link{
+
+.complaint-links-container .body .link {
   color: #a82227 !important;
 }
 
-.employee .customEmployeeCard:nth-child(odd){
-  .employeeCustomCard{
-    background-image: url("https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-red-card.png");
-    background-size: cover
+.employee .customEmployeeCard:nth-child(odd) {
+  .employeeCustomCard {
+    background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back1.jpg");
+    background-size: cover;
+  }
+
+  span {
+    color: #858585 !important;
+  }
+
+  .logo-removeBorderRadiusLogo {
+    svg {
+      fill: #858585 !important;
+    }
   }
 }
-.employee .customEmployeeCard:nth-child(even){
-  .employeeCustomCard{
-background-image: url("https://in-egov-assets.s3.ap-south-1.amazonaws.com/images/top-green-card.png");
-background-size: cover
+
+.employee .customEmployeeCard:nth-child(even) {
+  .employeeCustomCard {
+    background-image: url("https://bmc-prod-s3.s3.ap-south-1.amazonaws.com/bmc-images/back2.jpg");
+    background-size: cover;
   }
 }
+
 .employee .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%;
-    box-shadow: 1px 5px 6px 0px #e3e4e3;
-    border-radius: 10px;
-}
-.text-employee-card{
+
+  .employeeCustomCard {
+    border-radius: 4%;
+  }
+}
+
+.employee-card-banner {
+  background-color: white;
+  width: 88%;
+  margin: 0 auto;
+  bottom: 0px;
+  position: absolute;
+  margin-bottom: -10%;
+  left: 6%;
+  box-shadow: 1px 5px 6px 0px #e3e4e3;
+  border-radius: 10px;
+}
+
+.employee-card-banner .links-wrapper {
+  background-color: #fff;
+  padding-bottom: 10px;
+  border-radius: 10px;
+}
+
+.text-employee-card {
   font-size: 1.5rem;
   font-weight: 700;
-  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: white !important;
   width: 300px;
-
 }
 
 .plumber-details-new-value-wrapper {
@@ -624,6 +692,7 @@ background-size: cover
     padding-bottom: 8px;
     margin-bottom: 8px;
   }
+
   .row {
     color: #b1b4b6;
     font-weight: 700;
@@ -677,6 +746,7 @@ background-size: cover
       }
     }
   }
+
   tBody {
     tr {
       td {