@pmidc/upyog-css 1.1.11 → 1.1.12

package/src/pages/employee/login.scss

@@ -1,253 +1,253 @@
-/* Employee Login - Centered Design */
-
-.employee-login-page {
-  min-height: 90vh;
-  width: 100%;
-  background: linear-gradient(180deg, #e8eaf6 0%, #f5f5f5 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 20px;
-}
-
-.employee-login-container {
-  width: 100%;
-  max-width: 480px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 100vh;
-  padding: 40px 0;
-}
-
-.employee-login-content {
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-}
-
-/* Icon Circle at Top */
-.employee-login-icon-circle {
-  width: 80px;
-  height: 80px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #5243e9 0%, #7c6fff 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 36px;
-  box-shadow: 0 4px 12px rgba(82, 67, 233, 0.3);
-  margin-bottom: 24px;
-}
-
-.employee-login-icon-circle svg {
-  width: 40px;
-  height: 40px;
-  fill: white;
-}
-
-/* UPYOG Branding */
-.employee-login-branding {
-  text-align: center;
-  margin-bottom: 32px;
-}
-
-.employee-upyog-title {
-  font-size: 32px;
-  font-weight: 700;
-  color: #0b0c0c;
-  margin: 0 0 4px 0;
-  letter-spacing: 0.5px;
-}
-
-.employee-upyog-subtitle {
-  font-size: 16px;
-  font-weight: 400;
-  color: #686677;
-  margin: 0;
-}
-
-/* Login Card */
-.employee-login-card {
-  padding: 20px;
-  width: 100%;
-  max-width: 650px;
-  overflow: visible;
-  position: relative;
-  z-index: 1;
-}
-
-/* Form Styles */
-.employee-login-form {
-  width: 100%;
-}
-
-.employee-login-form .card-label {
-  font-weight: 500 !important;
-  font-size: 14px !important;
-  line-height: 20px !important;
-  color: #5c5c5c !important;
-  margin-bottom: 8px !important;
-}
-
-.employee-login-form .card-label span {
-  color: #d73c3c;
-}
-
-.employee-login-form input {
-  outline: none;
-  border-color: #5243e9;
-  transition: all 0.2s ease;
-}
-
-.employee-login-form input:focus {
-  outline: none;
-  border-color: #5243e9;
-}
-
-.employee-city-dropdown {
-  width: 100%;
-  border: 1px solid #d0d0d0 !important;
-  border-radius: 8px !important;
-  padding: 12px 16px !important;
-  background: white !important;
-  font-size: 16px !important;
-}
-
-.employee-city-dropdown:focus {
-  border-color: #5243e9 !important;
-  box-shadow: 0 0 0 3px rgba(82, 67, 233, 0.1) !important;
-}
-
-/* Button Styling */
-.employee-login-form button[type="submit"] {
-  margin-top: 24px !important;
-  font-size: 16px !important;
-  font-weight: 600 !important;
-  transition: all 0.2s ease !important;
-}
-
-.employee-login-form button[type="submit"]:hover {
-  background-color: #3e33c4 !important;
-  transform: translateY(-1px);
-  box-shadow: 0 4px 12px rgba(82, 67, 233, 0.3) !important;
-}
-
-.employee-login-form button[type="submit"]:active {
-  transform: translateY(0);
-}
-
-/* Secondary Button (Forgot Password) */
-.employee-login-form .secondary-label {
-  margin-top: 16px !important;
-  color: #5243e9 !important;
-  font-size: 14px !important;
-  font-weight: 500 !important;
-  text-align: center !important;
-  cursor: pointer !important;
-  text-decoration: underline !important;
-}
-
-.employee-login-form .secondary-label:hover {
-  color: #3e33c4 !important;
-}
-
-/* Footer */
-.employee-login-footer {
-  font-size: 14px;
-  font-weight: 400;
-  color: #686677;
-  text-align: center;
-  margin-top: 16px;
-}
-
-.employee-login-footer span {
-  color: #686677;
-}
-
-.employee-login-footer a {
-  color: #5243e9;
-  text-decoration: none;
-}
-
-.employee-login-footer a:hover {
-  text-decoration: underline;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-  .employee-login-container {
-    max-width: 100%;
-    padding: 20px 0;
-  }
-
-  .employee-login-card {
-    padding: 32px 24px;
-    border-radius: 8px;
-    width: 100%;
-  }
-
-  .employee-login-icon-circle {
-    width: 70px;
-    height: 70px;
-    margin-bottom: 20px;
-  }
-
-  .employee-upyog-title {
-    font-size: 28px;
-  }
-
-  .employee-upyog-subtitle {
-    font-size: 14px;
-  }
-
-  .employee-login-footer {
-    font-size: 12px;
-  }
-}
-
-@media (max-width: 480px) {
-  .employee-login-page {
-    padding: 16px;
-  }
-
-  .employee-login-card {
-    padding: 24px 20px;
-  }
-
-  .employee-login-icon-circle {
-    width: 60px;
-    height: 60px;
-  }
-
-  .employee-upyog-title {
-    font-size: 24px;
-  }
-
-  .employee-login-footer {
-    font-size: 11px;
-  }
-}
-
-/* Override FormComposer default styles */
-.employee-login-form .card {
-  box-shadow: none !important;
-  padding: 0 !important;
-  background: transparent !important;
-}
-
-.employee-login-form .card-header {
-  padding: 0 0 16px 0 !important;
-}
-
-.employee-login-form .card-body {
-  padding: 0 !important;
-}
-
-.employee-login-form .submit-bar {
-  padding: 0 !important;
-  margin-top: 0 !important;
-}
+/* Employee Login - Centered Design */
+
+.employee-login-page {
+  min-height: 90vh;
+  width: 100%;
+  background: linear-gradient(180deg, #e8eaf6 0%, #f5f5f5 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+}
+
+.employee-login-container {
+  width: 100%;
+  max-width: 480px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 100vh;
+  padding: 40px 0;
+}
+
+.employee-login-content {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* Icon Circle at Top */
+.employee-login-icon-circle {
+  width: 80px;
+  height: 80px;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #5243e9 0%, #7c6fff 100%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 36px;
+  box-shadow: 0 4px 12px rgba(82, 67, 233, 0.3);
+  margin-bottom: 24px;
+}
+
+.employee-login-icon-circle svg {
+  width: 40px;
+  height: 40px;
+  fill: white;
+}
+
+/* UPYOG Branding */
+.employee-login-branding {
+  text-align: center;
+  margin-bottom: 32px;
+}
+
+.employee-upyog-title {
+  font-size: 32px;
+  font-weight: 700;
+  color: #0b0c0c;
+  margin: 0 0 4px 0;
+  letter-spacing: 0.5px;
+}
+
+.employee-upyog-subtitle {
+  font-size: 16px;
+  font-weight: 400;
+  color: #686677;
+  margin: 0;
+}
+
+/* Login Card */
+.employee-login-card {
+  padding: 20px;
+  width: 100%;
+  max-width: 650px;
+  overflow: visible;
+  position: relative;
+  z-index: 1;
+}
+
+/* Form Styles */
+.employee-login-form {
+  width: 100%;
+}
+
+.employee-login-form .card-label {
+  font-weight: 500 !important;
+  font-size: 14px !important;
+  line-height: 20px !important;
+  color: #5c5c5c !important;
+  margin-bottom: 8px !important;
+}
+
+.employee-login-form .card-label span {
+  color: #d73c3c;
+}
+
+.employee-login-form input {
+  outline: none;
+  border-color: #5243e9;
+  transition: all 0.2s ease;
+}
+
+.employee-login-form input:focus {
+  outline: none;
+  border-color: #5243e9;
+}
+
+.employee-city-dropdown {
+  width: 100%;
+  border: 1px solid #d0d0d0 !important;
+  border-radius: 8px !important;
+  padding: 12px 16px !important;
+  background: white !important;
+  font-size: 16px !important;
+}
+
+.employee-city-dropdown:focus {
+  border-color: #5243e9 !important;
+  box-shadow: 0 0 0 3px rgba(82, 67, 233, 0.1) !important;
+}
+
+/* Button Styling */
+.employee-login-form button[type="submit"] {
+  margin-top: 24px !important;
+  font-size: 16px !important;
+  font-weight: 600 !important;
+  transition: all 0.2s ease !important;
+}
+
+.employee-login-form button[type="submit"]:hover {
+  background-color: #3e33c4 !important;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(82, 67, 233, 0.3) !important;
+}
+
+.employee-login-form button[type="submit"]:active {
+  transform: translateY(0);
+}
+
+/* Secondary Button (Forgot Password) */
+.employee-login-form .secondary-label {
+  margin-top: 16px !important;
+  color: #5243e9 !important;
+  font-size: 14px !important;
+  font-weight: 500 !important;
+  text-align: center !important;
+  cursor: pointer !important;
+  text-decoration: underline !important;
+}
+
+.employee-login-form .secondary-label:hover {
+  color: #3e33c4 !important;
+}
+
+/* Footer */
+.employee-login-footer {
+  font-size: 14px;
+  font-weight: 400;
+  color: #686677;
+  text-align: center;
+  margin-top: 16px;
+}
+
+.employee-login-footer span {
+  color: #686677;
+}
+
+.employee-login-footer a {
+  color: #5243e9;
+  text-decoration: none;
+}
+
+.employee-login-footer a:hover {
+  text-decoration: underline;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+  .employee-login-container {
+    max-width: 100%;
+    padding: 20px 0;
+  }
+
+  .employee-login-card {
+    padding: 32px 24px;
+    border-radius: 8px;
+    width: 100%;
+  }
+
+  .employee-login-icon-circle {
+    width: 70px;
+    height: 70px;
+    margin-bottom: 20px;
+  }
+
+  .employee-upyog-title {
+    font-size: 28px;
+  }
+
+  .employee-upyog-subtitle {
+    font-size: 14px;
+  }
+
+  .employee-login-footer {
+    font-size: 12px;
+  }
+}
+
+@media (max-width: 480px) {
+  .employee-login-page {
+    padding: 16px;
+  }
+
+  .employee-login-card {
+    padding: 24px 20px;
+  }
+
+  .employee-login-icon-circle {
+    width: 60px;
+    height: 60px;
+  }
+
+  .employee-upyog-title {
+    font-size: 24px;
+  }
+
+  .employee-login-footer {
+    font-size: 11px;
+  }
+}
+
+/* Override FormComposer default styles */
+.employee-login-form .card {
+  box-shadow: none !important;
+  padding: 0 !important;
+  background: transparent !important;
+}
+
+.employee-login-form .card-header {
+  padding: 0 0 16px 0 !important;
+}
+
+.employee-login-form .card-body {
+  padding: 0 !important;
+}
+
+.employee-login-form .submit-bar {
+  padding: 0 !important;
+  margin-top: 0 !important;
+}

package/src/pages/employee/oldMobileInbox.scss

@@ -1,5 +1,5 @@
-.linksWrapperForMobileInbox{
-    .header{
-        justify-content: initial;
-    }
+.linksWrapperForMobileInbox{
+    .header{
+        justify-content: initial;
+    }
 }

package/src/pages/employee/popupmodule.scss

@@ -1,47 +1,47 @@
-.popup-module {
-  width: 480px;
-  margin: 0 auto;
-  @apply bg-white;
-
-  .popup-module-main {
-    @apply px-lg pb-lg;
-  }
-
-  .popup-module-action-bar {
-    gap: 16px;
-    @apply flex flex-row justify-end;
-  }
-}
-
-@screen dt {
-  .popup-module {
-    width: 480px;
-    margin: auto;
-    @apply bg-white;
-
-    .popup-module-main {
-      @apply px-lg pb-lg;
-    }
-    .popup-module-main {
-      @apply w-full p-sm h-full;
-    }
-
-    .popup-module-action-bar {
-      gap: 16px;
-      @apply flex flex-row justify-end;
-    }
-  }
-}
-
-.popup-module-main {
-  iframe #page-container div {
-    width: 99% !important;
-    margin: 5px !important;
-  }
-
-  iframe #page-container {
-    ::-webkit-scrollbar {
-      width: 0px !important;
-    }
-  }
-}
+.popup-module {
+  width: 480px;
+  margin: 0 auto;
+  @apply bg-white;
+
+  .popup-module-main {
+    @apply px-lg pb-lg;
+  }
+
+  .popup-module-action-bar {
+    gap: 16px;
+    @apply flex flex-row justify-end;
+  }
+}
+
+@screen dt {
+  .popup-module {
+    width: 480px;
+    margin: auto;
+    @apply bg-white;
+
+    .popup-module-main {
+      @apply px-lg pb-lg;
+    }
+    .popup-module-main {
+      @apply w-full p-sm h-full;
+    }
+
+    .popup-module-action-bar {
+      gap: 16px;
+      @apply flex flex-row justify-end;
+    }
+  }
+}
+
+.popup-module-main {
+  iframe #page-container div {
+    width: 99% !important;
+    margin: 5px !important;
+  }
+
+  iframe #page-container {
+    ::-webkit-scrollbar {
+      width: 0px !important;
+    }
+  }
+}

package/src/pages/employee/response.scss

@@ -1,3 +1,3 @@
-.secondary-action{
-    @apply inline float-right;
+.secondary-action{
+    @apply inline float-right;
 }