@argusoft/medplat-app-shell 1.0.5 → 1.0.7

package/src/views/feature-components/login/Login.scss

@@ -0,0 +1,154 @@
+.container-padding {
+  padding-left: 10% !important;
+  padding-right: 10% !important;
+}
+
+.login-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100% !important;
+  text-align: center;
+  position: relative;
+}
+
+.login-header::before {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid #000;
+  margin-right: 10px;
+}
+
+.login-header::after {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid #000;
+  margin-left: 10px;
+}
+
+.custom-input-root {
+  background-color: white;
+  width: 190px;
+}
+
+.login-split-container {
+  display: flex;
+  min-height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+}
+
+// .login-left-panel {
+//   // flex: 1;
+//   flex: 0 0 50%;
+//   // background-size: cover;
+//   // background-position: center;
+//   // background-repeat: no-repeat;
+//   display: flex;
+//   flex-direction: column;
+//   align-items: center;
+//   justify-content: center;
+//   padding: 0px;
+//   color: white;
+//   position: relative;
+//   height: 100vh;
+//   overflow: hidden;
+
+//   @media (max-width: 900px) {
+//     display: none;
+//   }
+
+//   &::before {
+//     content: "";
+//     position: absolute;
+//     top: 0;
+//     left: 0;
+//     right: 0;
+//     bottom: 0;
+//     background: rgba(0, 0, 0, 0.2); // Optional overlay for better text readability if needed
+//     z-index: 1;
+//   }
+
+//   .left-content {
+//     position: relative;
+//     z-index: 2;
+//     text-align: center;
+//   }
+// }
+
+// .login-image {
+//   width: 100%;
+//   height: 100%;
+//   object-fit: cover;
+// }
+
+.login-left-panel {
+  flex: 0 0 50%;
+  height: 100vh;
+  overflow: hidden;
+  position: relative;
+}
+
+.login-image {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.login-right-panel {
+  flex: 0 0 50%;
+  background: #f4f8fc;
+  height: 100vh;
+  overflow-y: auto;
+  display: block;
+
+  @media (max-width: 900px) {
+    flex: 1;
+  }
+}
+
+@media screen and (max-height: 700px) {
+  .login-form-container {
+    transform: scale(0.9);
+    transform-origin: top center;
+  }
+}
+
+@media (max-width: 900px) {
+  .login-left-panel {
+    display: none;
+  }
+
+  .login-right-panel {
+    flex: 1 1 100%;
+    width: 100%;
+  }
+}
+
+.login-form-container {
+  width: 90%;
+  min-width: 320px;
+  max-width: 500px;
+  margin: 0 auto;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 40px 0px;
+}
+
+.custom-bhashini-toast {
+  position: fixed;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 12px 24px;
+  border-radius: 8px;
+  z-index: 9999;
+  font-size: 14px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  transition: opacity 0.3s ease;
+}