@entit/digit-ui-css 2.0.0 → 2.0.1

package/src/pages/citizen/HomePageWrapper.scss

@@ -1,163 +1,99 @@
-.HomePageWrapper {
-  margin-top: -25px;
-
-  .BannerWithSearch {
-    margin-bottom: 40px;
-    width: 100%;
-    @apply relative;
-    .Search {
-      width: calc(100% - 32px);
-      bottom: -18px;
-      @apply mx-md absolute;
-    }
-    img {
-      height: 33vw;
-      @apply w-full object-cover;
-    }
-  }
-
-  .ServicesSection {
-    @apply flex flex-wrap;
-    padding: 40px 15px 0 15px;
-  }
-
-  @screen dt {
-    .ServicesSection {
-      @apply flex flex-wrap;
-      padding: 40px 15px 0 15px;
-      width: 100%;
+.HomePageWrapper{
+    margin-top: -25px;
+    .BannerWithSearch{
+        margin-bottom: 40px;
+        @apply relative;
+        .Search{
+            width: calc( 100% - 32px );
+            bottom: -18px;
+            @apply mx-md absolute;
+        }
+        img{
+            height: 33vw;
+            @apply w-full object-cover;
+        }
     }
-  }
 
-  .WhatsNewSection {
-    @apply m-sm;
-    padding: 0 15px;
-    .headSection {
-      @apply flex mb-sm justify-between;
-      h2 {
-        @apply text-heading-s font-bold text-text-primary pl-sm;
-      }
-      p {
-        @apply text-link text-primary-main font-medium cursor-pointer;
-      }
+    .ServicesSection{
+        @apply flex flex-wrap ;
     }
-    @media (min-width: 780px) {
-      padding: 0 15px;
-    }
-  }
 
-  .WhatsAppBanner{
-    width: 100%;
-    padding: 0px 20px 0px 20px;
-    margin: auto;
-    cursor: pointer;
-    img {
-      width: 100%;
+    .WhatsNewSection{
+        @apply m-sm;
+        .headSection{
+            @apply flex mb-sm justify-between;
+            h2{
+                @apply text-heading-s font-bold text-text-primary pl-sm; 
+            }
+            p{
+                @apply text-link text-primary-main font-medium;
+            }
+        }
     }
-  }
-}
-
-@media (min-width: 780px) {
-  .SideBarStatic {
-    width: 219px;
-    background: #ffffff;
-    margin-top: -24px;
-  }
-}
-@media (max-width: 780px) {
-  .SideBarStatic {
-    width: 219px;
-    background: #ffffff;
-    margin-top: -24px;
-    display: none;
-  }
-}
-
-.HomePageContainer {
-  @media (min-width: 780px) {
-    display: flex;
-    width: 100% !important;
-    height: calc(100%-30px);
-  }
 }
 
-.moduleLinkHomePage {
-  @media (min-width: 780px) {
-    width: calc(100% - 219px);
-  }
-  margin-top: -25px;
-  img {
-    height: 33vw;
-    background: linear-gradient(#000000,#000000);
-    @apply w-full object-cover;
-  }
-  h1 {
-    position: absolute;
-    top: 100px;
-    left: 21px;
-    @apply text-heading-xl text-white font-bold;
-  }
-  .moduleLinkHomePageBackButton {
-    border: none;
-    top: 76px;
-    svg {
-      fill: #ffffff;
+.moduleLinkHomePage{
+    margin-top: -25px;
+    img{
+        height: 33vw;
+       
+        @apply w-full object-cover;
     }
-    @apply absolute text-white text-heading-s ml-md;
-  }
-}
-
-.moduleLinkHomePageModuleLinks {
-  @apply mt-md;
-  .CitizenHomeCard {
-    .header {
-      @apply hidden;
+    h1{
+        position: absolute;
+        top: 100px;
+        left: 21px;
+        @apply text-heading-xl text-white font-bold;
     }
-  }
-}
-
-@screen dt {
-  .HomePageWrapper {
-    width: 100%;
-    .BannerWithSearch {
-      margin-bottom: 56px;
-      width: 100% !important;
-      .Search {
-        width: 100%;
-        margin: 0;
-        padding: 0 15px 0 15px;
-      }
-      img {
-        height: 20vw;
-      }
+    .moduleLinkHomePageBackButton{
+        border: none;
+        top: 76px;
+        svg{
+            fill: #ffffff;
+        }
+        @apply absolute text-white text-heading-s ml-md;
     }
+}
 
-    .WhatsAppBanner {
-      width: 100%;
-      img{
-        height: 20vw;
-        width: 100%;
-      }
+.moduleLinkHomePageModuleLinks{
+    @apply mt-md;
+    .CitizenHomeCard{
+        .header{
+            @apply hidden;
+        }
     }
+}
 
-  }
-  .moduleLinkHomePage {
-    img {
-      min-width: 100vw;
-      height: 20vw;
-    }
-    h1 {
-      top: calc(10vw + 40px);
-      left: 15.8rem;
+@screen dt{
+    .HomePageWrapper{
+        .BannerWithSearch{
+            margin-bottom: 56px;
+            min-width: 100vw;
+            margin-left: calc( -15vw - 16px );
+            .Search{
+                width: calc(70% - 32px);
+                left: calc( 15% + 25px );
+                margin: 0;
+            }
+            img{
+                height: 20vw;
+            }
+        }
     }
-    .moduleLinkHomePageBackButton {
-      top: calc(10vw + 16px);
-      @apply ml-md;
+    .moduleLinkHomePage{
+        img{
+            min-width: 100vw;
+            margin-left: calc( -15vw - 16px );
+            height: 20vw;
+        }
+        h1{
+            top: calc( 10vw + 40px );
+            left: calc( 15% + 14px );
+            @apply ml-lg;
+        }
+        .moduleLinkHomePageBackButton{
+            top: calc( 10vw + 16px );
+            @apply ml-md;
+        }
     }
-  }
-
-  .moduleLinkHomePageModuleLinks {
-    max-width: unset;
-    width:100%
-  }
-}
+}

package/src/pages/citizen/container.scss

@@ -10,7 +10,7 @@
 }
 .fill-path-primary-main {
   path {
-    fill: #a82227;
+    fill: #f47738;
   }
 }
 

package/src/pages/employee/cardfix.scss

@@ -1,7 +1,6 @@
 .flex-fit{
     @apply flex w-full border-b border-solid border-border;
-    border-bottom: 0px !important;
-    padding-top: 5px
+    padding : 8px 10px;
 }
 .card-count{
     @apply pr-xl;

package/src/pages/employee/container.scss

@@ -10,8 +10,8 @@
 .heading-m {
   @apply font-bold text-text-primary text-heading-m ml-md pt-sm;
 }
-.BPAheading-m {
-  margin-left: 22px;
+.BPAheading-m{
+  margin-left:22px;
 }
 
 .break-line {
@@ -34,14 +34,14 @@
   border: 1px solid #d6d5d4;
   padding: 16px;
   margin-top: 8px;
-  background: #fafafa;
+  background: #FAFAFA;
 }
 
-.fieldInsepctionInsideWrapper {
-  border: 1px solid #d6d5d4;
+.fieldInsepctionInsideWrapper{
+  border: 1px solid #D6D5D4;
   padding: 16px;
   margin-top: 8px;
-  background: #ffffff;
+  background: #FFFFFF;
   max-width: 70%;
   min-width: 280px;
 }
@@ -49,25 +49,25 @@
 @screen dt {
   .ground-container {
     margin-bottom: 56px;
-    
     @apply p-md;
   }
   .heading-m {
     @apply text-heading-m-dt;
   }
-  .BPAheading-m {
-    margin-left: 22px;
+  .BPAheading-m{
+    margin-left:22px;
   }
   .break-line {
     margin-top: 40px;
     margin-bottom: 40px;
   }
-  .employee-home-footer {
+  .employee-home-footer{
+    
   }
-  .moduleCardWrapper {
+  .moduleCardWrapper{
     @apply flex flex-row flex-wrap !important;
   }
-  .gridModuleWrapper {
+  .gridModuleWrapper{
     @apply grid grid-cols-4 gap-4;
   }
-}
+}

package/src/pages/employee/dss.scss

@@ -26,12 +26,12 @@ margin-right:25px;
 
 .dss-switch-tab-selected{
   /* Revenue */
-  border-bottom: 3px solid #a82227;
+  border-bottom: 3px solid #f47738;
   font-family: Roboto;
   font-style: normal;
   font-weight: 500;
   font-size: 22px;
-  color: #a82227;
+  color: #f47738;
   padding: 7px 24px;
 
 }
@@ -67,6 +67,12 @@ padding: 8px 24px;
   white-space: pre;
 }
 
+@media screen and (max-width: 768px) {
+  .dss-switch-tabs{/* Card / Primary */
+    margin-right:0px;
+  }
+}
+
 .dss-white-pre{
   white-space: pre;
 
@@ -104,146 +110,7 @@ padding: 8px 24px;
 
 .dss-input-active-border{
 --border-opacity: 1;
-border: 1px solid #a82227 !important;
+border: 1px solid #f47738 !important;
 border-color: rgba(244, 119, 56, var(--border-opacity));
 }
 
-.employeeCustomCard .card-count{
-  padding-right: 0px;
-}
-.dss-card {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.dss-card-parent {
-  display: flex;
-  flex-direction: column;
-  width: 31%;
-  border-radius: 6px;
-  padding: 25px;
-  margin: 15px 11.5px;
-  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
-  cursor: pointer;
-}
-
-.dss-card-body {
-  display: flex;
-  flex-wrap: wrap;
-  cursor: pointer;
-}
-
-.dss-card-header {
-  display: flex;
-  margin-bottom: 30px;
-  align-items: center;
-
-  p {
-    font-size: 24px;
-    font-family: "Roboto", sans-serif;
-    font-weight: 500;
-    color: #000000;
-  }
-
-  svg {
-    width: 50px;
-    height: 50px;
-  }
-}
-
-
-.dss-insight-card {
-  margin: 10px 0;
-
-  p {
-    font-family: "Roboto", sans-serif;
-  }
-
-  .p1 {
-    font-size: 16px; 
-    color: #585858;
-  }
-
-  .p3 {
-    font-size: 16px; 
-    font-weight: 400; 
-  }
-
-  .p2 {
-    font-size: 24px;
-    font-weight: 500; 
-    color: #000000;
-  }
-
-  .color-green {
-    color: #00703C;
-  }
-
-  .color-red {
-    color: #D4351C;
-  }
-}
-.w-100 {
-  width: 100%;
-}
-.dss-w-100 {
-  width: 97%;
-}
-
-.h-100{
-  width: 100%;
-  height: 100%;
-}
-
-.dss-h-100{
-  width: 97%;
-  height: 100%;
-}
-
-.tab-rows{
-  display: flex;
-  justify-content:space-between;
-  height: 30px;
-  align-items: center;
-  width: 60%;
-  margin-left: 13%;
-}
-.tab-header{
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 19px;
-  border-bottom: 1px solid #b1b4b6;
-  color: #2a3340;
-}
-.map-status{
-  position: relative;
-  width: 33%;
-  left: 50%;
-  bottom: 130px;
-}
-.map-row{
-  display: flex;
-  align-items: center;
-  margin-top: 5px;
-}
-.map-box{
-  display: inline-block;
-  height: 10px;
-  width: 10px;
-}
-.map-text{
-  margin-left: 5px;
-  color: #636363;
-  font-size: 14px;
-}
-
-
-@media screen and (max-width: 768px) {
-  .dss-switch-tabs{/* Card / Primary */
-    margin-right:0px;
-  }
-
-  .dss-card-parent{
-    width:100%;
-  }
-}

package/src/pages/employee/iframe.scss

@@ -1,7 +1,7 @@
 body {
     margin: 0;
     padding: 0;
-    font-family: "Roboto";
+    font-family: sans-serif;
     background: #f4f7fb;
   }