@pmidc/upyog-css 1.1.10 → 1.1.12

package/src/pages/employee/tooltip.scss

@@ -1,36 +1,36 @@
-.tooltip {
-    position: relative;
-    display: inline-block;
-  }
-
-  .tooltip .tooltiptext {
-    visibility: hidden;
-    background-color: #555;
-    color: #fff;
-    text-align: left;
-    border-radius: 6px;
-    padding: 5px;
-    position: absolute;
-    z-index: 1;
-    bottom: 125%;
-    left: 50%;
-    margin-left: -60px;
-    opacity: 0;
-    transition: opacity 0.3s;
-  }
-
-  .tooltip .tooltiptext::after {
-    position: absolute;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    border-width: 5px;
-    border-style: solid;
-    border-color: #555 transparent transparent transparent;
-  }
-
-  .tooltip:hover .tooltiptext {
-    visibility: visible;
-    opacity: 1;
-    cursor: pointer;
+.tooltip {
+    position: relative;
+    display: inline-block;
+  }
+
+  .tooltip .tooltiptext {
+    visibility: hidden;
+    background-color: #555;
+    color: #fff;
+    text-align: left;
+    border-radius: 6px;
+    padding: 5px;
+    position: absolute;
+    z-index: 1;
+    bottom: 125%;
+    left: 50%;
+    margin-left: -60px;
+    opacity: 0;
+    transition: opacity 0.3s;
+  }
+
+  .tooltip .tooltiptext::after {
+    position: absolute;
+    top: 100%;
+    left: 50%;
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: #555 transparent transparent transparent;
+  }
+
+  .tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1;
+    cursor: pointer;
   }

package/src/pages/employee/updateNumber.scss

@@ -1,13 +1,13 @@
-.updateNumberEmployee{
-    width: 100%;
-    .employee-data-table .row h2{
-        font-weight:500;
-        width: 100%;
-    }
-    .submit-bar {
-        position: relative;
-    }
-    .search-form-wrapper {
-        justify-content: initial;
-    }
+.updateNumberEmployee{
+    width: 100%;
+    .employee-data-table .row h2{
+        font-weight:500;
+        width: 100%;
+    }
+    .submit-bar {
+        position: relative;
+    }
+    .search-form-wrapper {
+        justify-content: initial;
+    }
 }

package/src/pages/swach/index.scss

@@ -1,173 +1,175 @@
-.swach {
-  width: 60vw !important;
-  .card {
-    .employee-card-input--front {
-      background-color: white;
-    }
-    input[name="mobileNumber"] {
-      max-width: 490px;
-    }
-  }
-  .mandatory-asterisk {
-  color: red;
-  font-weight: bold;
-}
-.numberdisplay{
-  display: flex !important;
-}
-  .image-card .card {
-    width: 540px;
-  }
-  .break-line {
-    margin-top: 20px;
-    margin-bottom: 40px;
-  }
-  .card-section-header {
-    margin-top: 10px;
-  }
-  .label-field-pair {
-    margin-top: 10px;
-  }
-  .select-wrap .select {
-    border: 1px solid #b4b4b4;
-    border-radius: 8px;
-  }
-  textarea[name="landmark"] {
-    border: 1px solid #b4b4b4;
-  }
-  textarea[name="description"] {
-    border: 1px solid #b4b4b4;
-  }
-  .select-active {
-    input[type="text"] {
-      margin-top: 0px;
-    }
-  }
-  .font-Weigth-bold {
-    font-weight: 600 !important;
-    margin-top: 20px !important;
-  }
-  .location-card .card-header {
-    margin-left: 10px;
-    font-size: 20px;
-    /* background-color: red; */
-    line-height: 40px;
-  }
-}
-@media (min-width: 320px) and (max-width: 768px) {
-  .swach .card {
-    width: 95vw;
-  }
-  .swach .location-card .card {
-    width: 540px;
-  }
-  .swach .image-card .card {
-    width: 540px;
-  }
-  .swach .break-line {
-    margin-top: 20px;
-    margin-bottom: 40px;
-  }
-  /* .swach .location-card .card-header {
-      margin-left: 10px;
-      font-size: 15px;
-      line-height: 40px;
-    
-  } */
-}
-
-@media (min-width: 320px) and (max-width: 425px) {
-  .swach textarea[name="landmark"] {
-    max-width: 490px;
-  }
-  .swach textarea[name="description"] {
-    max-width: 490px;
-  }
-  /* .swach .location-card {
-    .card-header {
-      margin-left: 10px;
-      font-size: 15px;
-      line-height: 40px;
-    }
-  } */
-}
-
-@media (min-width: 426px) and (max-width: 768px) {
-  .swach textarea[name="landmark"] {
-    width: 540px;
-    position: relative;
-  }
-  .swach textarea[name="description"] {
-    width: 540px;
-  }
-  /* .swach .location-card {
-    .card-header {
-      margin-left: 10px;
-      font-size: 18px;
-      line-height: 40px;
-    }
-  } */
-}
-
-.citizen-home-container .select-active {
-  input[type="text"] {
-    margin-top: 0px;
-  }
-}
-
-/* @media (min-width: 768px) {
-  .swach .location-card .card-header {
-    margin-left: 10px;
-    font-size: 20px;
-    line-height: 40px;
-  }
-} */
-
-/* @media (min-width: 768px) {
-  .swach .location-card .card-header {
-    margin-left: 10px;
-    font-size: 20px;
-    line-height: 40px;
-  }
-} */
-.mandatory-asterisk {
-  color: red;
-  font-weight: bold;
-}
-
-.ViewAttendence{
-  .tablechart{
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    gap: 16px;
-  }
-  
-  .tablechartinner{
-    flex: 1 1 300px;
-    min-width: 300px;
-  }
-  
-  .attendanceimage{
-    flex: 1 1 300px;
-    min-width: 300px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 16px;
-  }
-  
-  .attendanceimg{
-    max-width: 100%;
-    max-height: 300px;
-    object-fit: contain;
-  }
-  .attendancecard{
-     margin-bottom: 16px;
-  }
-}
-
-.swachempfilter{
-  background-color: red;
-  padding-bottom: 90px !important;
+.swach {
+  width: 60vw !important;
+  .card {
+    .employee-card-input--front {
+      background-color: white;
+      position: relative;
+      z-index: 0 !important;
+    }
+    input[name="mobileNumber"] {
+      max-width: 490px;
+    }
+  }
+  .mandatory-asterisk {
+  color: red;
+  font-weight: bold;
+}
+.numberdisplay{
+  display: flex !important;
+}
+  .image-card .card {
+    width: 540px;
+  }
+  .break-line {
+    margin-top: 20px;
+    margin-bottom: 40px;
+  }
+  .card-section-header {
+    margin-top: 10px;
+  }
+  .label-field-pair {
+    margin-top: 10px;
+  }
+  .select-wrap .select {
+    border: 1px solid #b4b4b4;
+    border-radius: 8px;
+  }
+  textarea[name="landmark"] {
+    border: 1px solid #b4b4b4;
+  }
+  textarea[name="description"] {
+    border: 1px solid #b4b4b4;
+  }
+  .select-active {
+    input[type="text"] {
+      margin-top: 0px;
+    }
+  }
+  .font-Weigth-bold {
+    font-weight: 600 !important;
+    margin-top: 20px !important;
+  }
+  .location-card .card-header {
+    margin-left: 10px;
+    font-size: 20px;
+    /* background-color: red; */
+    line-height: 40px;
+  }
+}
+@media (min-width: 320px) and (max-width: 768px) {
+  .swach .card {
+    width: 95vw;
+  }
+  .swach .location-card .card {
+    width: 540px;
+  }
+  .swach .image-card .card {
+    width: 540px;
+  }
+  .swach .break-line {
+    margin-top: 20px;
+    margin-bottom: 40px;
+  }
+  /* .swach .location-card .card-header {
+      margin-left: 10px;
+      font-size: 15px;
+      line-height: 40px;
+    
+  } */
+}
+
+@media (min-width: 320px) and (max-width: 425px) {
+  .swach textarea[name="landmark"] {
+    max-width: 490px;
+  }
+  .swach textarea[name="description"] {
+    max-width: 490px;
+  }
+  /* .swach .location-card {
+    .card-header {
+      margin-left: 10px;
+      font-size: 15px;
+      line-height: 40px;
+    }
+  } */
+}
+
+@media (min-width: 426px) and (max-width: 768px) {
+  .swach textarea[name="landmark"] {
+    width: 540px;
+    position: relative;
+  }
+  .swach textarea[name="description"] {
+    width: 540px;
+  }
+  /* .swach .location-card {
+    .card-header {
+      margin-left: 10px;
+      font-size: 18px;
+      line-height: 40px;
+    }
+  } */
+}
+
+.citizen-home-container .select-active {
+  input[type="text"] {
+    margin-top: 0px;
+  }
+}
+
+/* @media (min-width: 768px) {
+  .swach .location-card .card-header {
+    margin-left: 10px;
+    font-size: 20px;
+    line-height: 40px;
+  }
+} */
+
+/* @media (min-width: 768px) {
+  .swach .location-card .card-header {
+    margin-left: 10px;
+    font-size: 20px;
+    line-height: 40px;
+  }
+} */
+.mandatory-asterisk {
+  color: red;
+  font-weight: bold;
+}
+
+.ViewAttendence{
+  .tablechart{
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    gap: 16px;
+  }
+  
+  .tablechartinner{
+    flex: 1 1 300px;
+    min-width: 300px;
+  }
+  
+  .attendanceimage{
+    flex: 1 1 300px;
+    min-width: 300px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 16px;
+  }
+  
+  .attendanceimg{
+    max-width: 100%;
+    max-height: 300px;
+    object-fit: contain;
+  }
+  .attendancecard{
+     margin-bottom: 16px;
+  }
+}
+
+.swachempfilter{
+  background-color: red;
+  padding-bottom: 90px !important;
 }

package/src/pages/ws/index.scss

@@ -1,105 +1,105 @@
-.alignmentSettle {
-  /* Desktop: 4 fields per row */
-  .form-field {
-    width: calc(25% - 15px) !important;
-    margin-right: 15px !important;
-    margin-bottom: 16px !important;
-    min-width: calc(25% - 15px) !important;
-    max-width: calc(25% - 15px) !important;
-  }
-  
-  /* Remove margin from 4th field in each row */
-  .form-field:nth-child(4n) {
-    margin-right: 0 !important;
-  }
-  
-  /* Search/Reset button - same size as fields */
-  .submit {
-    width: calc(25% - 15px) !important;
-    min-width: calc(25% - 15px) !important;
-    max-width: calc(25% - 15px) !important;
-    margin-right: 0 !important;
-    margin-top: 0 !important;
-    display: flex !important;
-    flex-direction: column !important;
-    justify-content: flex-end !important;
-    
-    button {
-      width: 100% !important;
-      height: 40px !important;
-      margin-bottom: 4px !important;
-      font-size: 14px !important;
-    }
-    
-    p {
-      width: 100% !important;
-      margin: 0 !important;
-      text-align: center !important;
-      font-size: 12px !important;
-    }
-  }
-
-  /* Tablet: 2 fields per row */
-  @media (max-width: 1024px) {
-    .form-field {
-      width: calc(50% - 10px) !important;
-      min-width: calc(50% - 10px) !important;
-      max-width: calc(50% - 10px) !important;
-      margin-right: 10px !important;
-    }
-    
-    .form-field:nth-child(4n) {
-      margin-right: 10px !important; /* Reset desktop rule */
-    }
-    
-    .form-field:nth-child(2n) {
-      margin-right: 0 !important; /* 2nd field in each row */
-    }
-    
-    .submit {
-      width: calc(50% - 10px) !important;
-      min-width: calc(50% - 10px) !important;
-      max-width: calc(50% - 10px) !important;
-    }
-  }
-
-  /* Mobile: 1 field per row */
-  @media (max-width: 640px) {
-    .form-field {
-      width: 100% !important;
-      min-width: 100% !important;
-      max-width: 100% !important;
-      margin-right: 0 !important;
-      margin-bottom: 12px !important;
-    }
-    
-    .form-field:nth-child(2n) {
-      margin-right: 0 !important; /* Reset tablet rule */
-    }
-    
-    .submit {
-      width: 100% !important;
-      min-width: 100% !important;
-      max-width: 100% !important;
-      margin-top: 8px !important;
-      
-      button {
-        height: 44px !important; /* Slightly taller for mobile */
-        font-size: 16px !important;
-      }
-    }
-  }
-
-  /* Small mobile optimization */
-  @media (max-width: 480px) {
-    .form-field {
-      margin-bottom: 10px !important;
-    }
-    
-    .submit {
-      button {
-        height: 48px !important; /* Even taller for small screens */
-      }
-    }
-  }
+.alignmentSettle {
+  /* Desktop: 4 fields per row */
+  .form-field {
+    width: calc(25% - 15px) !important;
+    margin-right: 15px !important;
+    margin-bottom: 16px !important;
+    min-width: calc(25% - 15px) !important;
+    max-width: calc(25% - 15px) !important;
+  }
+  
+  /* Remove margin from 4th field in each row */
+  .form-field:nth-child(4n) {
+    margin-right: 0 !important;
+  }
+  
+  /* Search/Reset button - same size as fields */
+  .submit {
+    width: calc(25% - 15px) !important;
+    min-width: calc(25% - 15px) !important;
+    max-width: calc(25% - 15px) !important;
+    margin-right: 0 !important;
+    margin-top: 0 !important;
+    display: flex !important;
+    flex-direction: column !important;
+    justify-content: flex-end !important;
+    
+    button {
+      width: 100% !important;
+      height: 40px !important;
+      margin-bottom: 4px !important;
+      font-size: 14px !important;
+    }
+    
+    p {
+      width: 100% !important;
+      margin: 0 !important;
+      text-align: center !important;
+      font-size: 12px !important;
+    }
+  }
+
+  /* Tablet: 2 fields per row */
+  @media (max-width: 1024px) {
+    .form-field {
+      width: calc(50% - 10px) !important;
+      min-width: calc(50% - 10px) !important;
+      max-width: calc(50% - 10px) !important;
+      margin-right: 10px !important;
+    }
+    
+    .form-field:nth-child(4n) {
+      margin-right: 10px !important; /* Reset desktop rule */
+    }
+    
+    .form-field:nth-child(2n) {
+      margin-right: 0 !important; /* 2nd field in each row */
+    }
+    
+    .submit {
+      width: calc(50% - 10px) !important;
+      min-width: calc(50% - 10px) !important;
+      max-width: calc(50% - 10px) !important;
+    }
+  }
+
+  /* Mobile: 1 field per row */
+  @media (max-width: 640px) {
+    .form-field {
+      width: 100% !important;
+      min-width: 100% !important;
+      max-width: 100% !important;
+      margin-right: 0 !important;
+      margin-bottom: 12px !important;
+    }
+    
+    .form-field:nth-child(2n) {
+      margin-right: 0 !important; /* Reset tablet rule */
+    }
+    
+    .submit {
+      width: 100% !important;
+      min-width: 100% !important;
+      max-width: 100% !important;
+      margin-top: 8px !important;
+      
+      button {
+        height: 44px !important; /* Slightly taller for mobile */
+        font-size: 16px !important;
+      }
+    }
+  }
+
+  /* Small mobile optimization */
+  @media (max-width: 480px) {
+    .form-field {
+      margin-bottom: 10px !important;
+    }
+    
+    .submit {
+      button {
+        height: 48px !important; /* Even taller for small screens */
+      }
+    }
+  }
 }

package/svg/camera.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="46px" height="42px">
-<rect fill="none" height="24" width="24"/>
-<path d="M3,4V1h2v3h3v2H5v3H3V6H0V4H3z M6,10V7h3V4h7l1.83,2H21c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V10H6z M13,19c2.76,0,5-2.24,5-5s-2.24-5-5-5s-5,2.24-5,5S10.24,19,13,19z M9.8,14c0,1.77,1.43,3.2,3.2,3.2s3.2-1.43,3.2-3.2 s-1.43-3.2-3.2-3.2S9.8,12.23,9.8,14z"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="46px" height="42px">
+<rect fill="none" height="24" width="24"/>
+<path d="M3,4V1h2v3h3v2H5v3H3V6H0V4H3z M6,10V7h3V4h7l1.83,2H21c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V10H6z M13,19c2.76,0,5-2.24,5-5s-2.24-5-5-5s-5,2.24-5,5S10.24,19,13,19z M9.8,14c0,1.77,1.43,3.2,3.2,3.2s3.2-1.43,3.2-3.2 s-1.43-3.2-3.2-3.2S9.8,12.23,9.8,14z"/>
+</svg>

package/svg/check.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" >
-    <path d="M0 0h24v24H0z" fill="none"/>
-    <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" >
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
 </svg>