@chipstcp/upyog-css 1.0.0

package/src/pages/swach/index.scss

@@ -0,0 +1,232 @@
+.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;
+    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;
+  }
+
+}
+
+@media (min-width: 320px) and (max-width: 425px) {
+  .swach textarea[name="landmark"] {
+    max-width: 490px;
+  }
+  .swach textarea[name="description"] {
+    max-width: 490px;
+  }
+ 
+}
+
+@media (min-width: 426px) and (max-width: 768px) {
+  .swach textarea[name="landmark"] {
+    width: 540px;
+    position: relative;
+  }
+  .swach textarea[name="description"] {
+    width: 540px;
+  }
+
+}
+
+.citizen-home-container .select-active {
+  input[type="text"] {
+    margin-top: 0px;
+  }
+}
+
+.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-comp-detils-header{
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.swach-comp-detils-citizen-header{
+ display: flex;
+ justify-content: space-between;
+  max-width: 960px;
+}
+
+.swach-comp-detils-overflow{
+overflow-y: scroll;
+}
+
+.swach-comp-detils-maps-link{
+  color: blue;
+   font-weight: bolder;
+}
+
+.swach-attendance-header-wrapper{
+  display: flex;
+  justify-content: space-between;
+  max-width: 960px;
+}
+
+.swach-attendance-image-container{
+  margin: 16px 0;
+}
+
+.swach-attendance-loader-wrapper{
+  height: 150px;
+  display: flex;
+  align-items: center;
+  justify-content: center
+}
+
+.swach-attendance-processing-text{
+  text-align: center;
+  margin-top: 8px;
+}
+
+.swach-search-form{
+  margin-left: 24px;
+}
+
+.swach-search-container{
+  width: auto;
+}
+
+.swach-search-error-text{
+  color: red;
+  font-size: 12px;
+}
+
+.swach-search-action-full{
+  width: 100% !important;
+}
+
+.swach-search-clear-padding{
+  padding-top: 9px;
+}
+
+.swach-red-color{
+   color: #a82227;
+}
+
+.swach-text-align{
+  text-align: center;
+}
+.swach-desktop-result{
+  margin-top: 24px;
+  margin-left: 24px;
+  flex: 1;
+
+}
+
+.swach-margin-top-16{
+  margin-top: 20 !important;
+}
+.swach-width-250{
+  width: 250px !important;
+}
+
+@media only screen and (min-width: 768px) {
+  .swach-link-card {
+    padding: 0 !important;
+  }
+}

package/src/pages/ws/index.scss

@@ -0,0 +1,119 @@
+.alignmentSettle {
+  /* Desktop: 4 fields per row */
+  .form-field , .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;
+  }
+    .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 , .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 */
+    }
+
+     .field:nth-child(4n) {
+      margin-right: 10px !important; /* Reset desktop rule */
+    }
+    
+    .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 , .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 */
+    }
+      .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 , .field{
+      margin-bottom: 10px !important;
+    }
+    
+    .submit {
+      button {
+        height: 48px !important; /* Even taller for small screens */
+      }
+    }
+  }
+}

package/svg/arrowdown.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M7 10l5 5 5-5H7z"/></svg>

package/svg/arrowleft.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="19px"><path d="M24 0v24H0V0h24z" fill="none" opacity=".87"/><path d="M14 7l-5 5 5 5V7z"/></svg>

package/svg/calendar.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="18px" height="18px"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>

package/svg/camera.svg

@@ -0,0 +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>

package/svg/check.svg

@@ -0,0 +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>

package/svg/close.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px">
+<path d="M0 0h24v24H0V0z" fill="#d4351c"/>
+<path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/>
+</svg>

package/svg/error.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" >
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/>
+</svg>

package/svg/error2.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#d4351c">
+<path d="M0 0h24v24H0V0z" fill="none"/>
+<circle cx="12" cy="19" r="2"/>
+<path d="M10 3h4v12h-4z"/>
+</svg>

package/svg/searchicon.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#505A5F" width="48px" height="48px" >
+    <path d="M0 0h24v24H0z" fill="none"/>
+    <path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/>
+</svg>

package/svg/starempty.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" width="48px" height="48px">
+    <path d="M0 0h24v24H0V0z" fill="none"/>
+    <path d="M22 9.24l-7.19-.62L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.63-7.03L22 9.24zM12 15.4l-3.76 2.27 1-4.28-3.32-2.88 4.38-.38L12 6.1l1.71 4.04 4.38.38-3.32 2.88 1 4.28L12 15.4z"/>
+</svg>

package/svg/starfilled.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="#a82227" width="48px" height="48px" >
+    <g><path d="M0,0h24v24H0V0z" fill="none"/>
+    <path d="M0,0h24v24H0V0z" fill="none"/></g>
+    <g><path d="M12,17.27L18.18,21l-1.64-7.03L22,9.24l-7.19-0.61L12,2L9.19,8.63L2,9.24l5.46,4.73L5.82,21L12,17.27z"/></g>
+</svg>

package/svg/success.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#00703C" >
+    <path d="M0 0h24v24H0V0z" fill="none"/>
+    <path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z"/>
+</svg>