@tattvafoundation/upyog-css 1.0.15 → 1.0.16

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;
@@ -165,8 +182,7 @@
           }
         }
 
-        .mobile-input {
-        }
+        .mobile-input {}
       }
     }
   }
@@ -181,10 +197,12 @@
   @apply text-focus;
   @apply block;
   cursor: pointer;
+
   &:hover {
     color: #000;
   }
 }
+
 .button-clear {
   @apply text-focus text-body-s-dt;
 }
@@ -217,7 +235,7 @@
       margin-left: 46px;
 
       .link {
-        color:#a82227 !important;
+        color: #a82227 !important;
         @apply p-sm text-primary-main;
       }
     }
@@ -226,11 +244,14 @@
   .inboxLinks {
     margin: 0 !important;
     padding: 0 !important;
+
     .header {
       border: none;
       @apply justify-start;
+
       .logo {
         @apply bg-white;
+
         svg {
           path {
             fill: #a82227;
@@ -238,6 +259,7 @@
         }
       }
     }
+
     .body {
       margin-left: 0;
     }
@@ -278,6 +300,7 @@
           }
         }
       }
+
       .citizen-filter {
         margin-top: unset;
       }
@@ -288,7 +311,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 +385,7 @@
               @apply text-focus;
               @apply block;
               cursor: pointer;
+
               &:hover {
                 color: #003078;
                 cursor: pointer;
@@ -378,6 +402,7 @@
           width: 33%;
           margin-top: 28px;
           @apply inline-block align-middle text-center;
+
           button {
             margin: 0;
             width: 100%;
@@ -386,8 +411,7 @@
         }
       }
 
-      .search-complaint-container-for-search {
-      }
+      .search-complaint-container-for-search {}
     }
   }
 }
@@ -432,6 +456,7 @@
   justify-content: flex-end;
   align-items: flex-start;
 }
+
 .complaint-links-container .header .removeHeight {
   line-height: 28px;
 }
@@ -442,6 +467,7 @@
     background-color: #a82227
   }
 }
+
 @screen dt {
   .customEmployeeCard {
     width: 320px !important;
@@ -449,9 +475,10 @@
     padding: 0px !important;
   }
 }
-.employeeTotalLink{
-  color: #a82227;
-  
+
+.employeeTotalLink {
+  color: #d1b03f;
+
   font-size: 12px;
 }
 
@@ -460,17 +487,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 +510,14 @@
         }
       }
     }
+
     .inbox-container {
       .search-container {
         .search-complaint-container {
           display: flex;
           flex-direction: row;
         }
+
         .group-complaint-input-container {
           width: 33% !important;
           display: flex;
@@ -492,14 +525,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 +548,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 +571,14 @@
         }
       }
     }
+
     .inbox-container {
       .search-container {
         .search-complaint-container {
           display: flex;
           flex-direction: row;
         }
+
         .group-complaint-input-container {
           width: 33% !important;
           display: flex;
@@ -544,14 +586,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,45 +607,61 @@
 .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");
+.employee .customEmployeeCard:nth-child(odd) {
+  .employeeCustomCard {
+    background-image: url("https://ukpfms-digit-repo.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://ukpfms-digit-repo.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;
+}
+
+.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;
   position: absolute;
-  top:10%;
+  top: 10%;
   padding-left: 10%;
   color: white !important;
   width: 300px;
@@ -624,6 +685,7 @@ background-size: cover
     padding-bottom: 8px;
     margin-bottom: 8px;
   }
+
   .row {
     color: #b1b4b6;
     font-weight: 700;
@@ -677,6 +739,7 @@ background-size: cover
       }
     }
   }
+
   tBody {
     tr {
       td {
@@ -684,4 +747,4 @@ background-size: cover
       }
     }
   }
-}
+}