@pmidc/upyog-css 1.1.5 → 1.1.6

package/src/components/navbar.scss

@@ -36,9 +36,7 @@
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding-top: 30px;
-  /* background-color: #ffffff; */
-  background: linear-gradient(to bottom right, #3765ca, #294a97);
+  padding-top: 30px;  
   border-radius: 8px;
     margin: 0.2rem;
 
@@ -81,12 +79,10 @@
     cursor: pointer;
     text-decoration: none;
     margin: 0px;
-    padding: 0px;
     outline: none;
     font-size: 16px;
     position: relative;
     color: rgb(95, 92, 98);
-    line-height: 48px;
     transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
     min-height: 48px;
     white-space: initial;
@@ -98,7 +94,6 @@
       height: 21px;
       width: 21px;
       float: left;
-      margin-top: 12px;
     }
     .edit-btn-ico{
       height: 17px;
@@ -112,8 +107,7 @@
     }
   }
   .sidebar-list {
-    padding-right: 16px;
-    padding-left: 16px;
+   
     &.active {
       border-left: 5px solid #a82227;
       .menu-label {
@@ -187,7 +181,6 @@
     cursor: pointer;
     text-decoration: none;
     margin: 0px;
-    padding: 0px;
     outline: none;
     font-size: 16px;
     position: relative;
@@ -326,7 +319,7 @@
   flex-direction: row;
   width: 50%;
   align-items: center;
-  justify-content: space-evenly;
+  justify-content: flex-end;
   padding: auto 1.5rem;
 }
 

package/src/components/newFooter.scss

@@ -0,0 +1,75 @@
+
+.new-df-footer{
+  background-color:#1e293b;
+  color:#ffffff;
+  padding:48px 0 0 0;
+  margin-top:64px;
+  width:100%;
+  box-sizing:border-box;
+}
+
+.new-df-container{
+  max-width:1200px;
+  margin:0 auto;
+  padding:0 40px;
+  box-sizing:border-box;
+}
+
+.new-df-grid{
+  display:grid;
+  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
+  gap:48px;
+  padding-bottom:40px;
+}
+
+.new-df-column{
+  display:flex;
+  flex-direction:column;
+  gap:16px;
+}
+
+.new-df-heading{
+  font-size:18px;
+  font-weight:600;
+  margin:0 0 8px 0;
+  color:#ffffff;
+}
+
+.new-df-text{
+  font-size:14px;
+  line-height:1.6;
+  color:#cbd5e1;
+  margin:0;
+}
+
+.new-df-link{
+  font-size:14px;
+  color:#cbd5e1;
+  text-decoration:none;
+  cursor:pointer;
+  transition:color 0.2s ease;
+  display:block;
+  margin-bottom:8px;
+}
+
+.new-df-link:hover{
+  color:#ffffff;
+}
+
+.new-df-bottom{
+  border-top:1px solid #334155;
+  padding:24px 0;
+  text-align:center;
+}
+
+.new-df-copyright{
+  font-size:14px;
+  color:#94a3b8;
+  margin:0;
+}
+
+@media (max-width:768px){
+  .new-df-container{padding:0 16px}
+  .new-df-grid{gap:20px}
+}
+

package/src/components/searchAction.scss

@@ -18,3 +18,10 @@
     }
   }
 }
+
+.obps-search-application-container{
+  margin-top: 24px;
+}
+.obps-autocomplete-font-size{
+  font-size: 14px;
+}

package/src/components/selectdropdown.scss

@@ -18,21 +18,29 @@
   }
 }
 */
-.employee-select-wrap:active{
-  background-color: white
+.employee-select-wrap:active {
+  background-color: white;
+}
+.employee-select-wrap .select {
+  background-color: white;
+  border-radius: 5px;
+  border-color:1px solid blue;
+  height: 50px;
 }
 .employee-select-wrap {
   @apply mb-lg relative;
 
   .select {
-    @apply relative block w-full h-10 border border-solid border-input-border;
-    &:hover {
-      @apply border-2 border-solid border-primary-main;
-    }
+    background-color: white;
+    border-radius: 8px;
+    border-color: rgb(46, 46, 236);
+    height: 50px;
+
+
     input[type="text"] {
       width: calc(100% - 32px);
       background-color: transparent;
-      margin-top: -23px !important;
+     
       @apply absolute z-10 w-full h-full outline-none text-text-primary text-form-field pl-sm;
     }
 
@@ -52,16 +60,17 @@
 
   .select-active {
     @apply relative block w-full h-10 border-2 border-solid border-primary-main;
-    height: 2 rem !important;
-    padding: 1.5rem 1rem;
+    height: 3rem;
+    border: 1px solid #2563eb;
     border-radius: 8px;
-    border: 1px solid #b4b4b4;
     background-color: white;
+    box-shadow: 0 8px 26px rgba(37, 99, 235, 0.12);
+    position: relative;
 
     input[type="text"] {
       width: calc(100% - 32px);
       background-color: transparent;
-      margin-top: -23px;
+     
       @apply absolute z-10 w-full h-full outline-none text-text-primary text-form-field pl-sm;
     }
 
@@ -78,7 +87,12 @@
     }
 
     svg {
-      @apply absolute right-0 float-right h-6 w-6 mt-sm mr-sm;
+      position: absolute !important;
+      top: 50% !important;
+      right: 12px !important;
+      transform: translateY(-50%) !important;
+      margin: 0 !important;
+      float: none !important;
     }
   }
 
@@ -118,7 +132,7 @@
   margin-bottom: 0;
 }
 
-.employee-select-wrap--elipses {
+.employee-select-wrap-elipses {
   width: 85% !important;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -128,13 +142,15 @@
 .select-wrap {
   @apply mb-lg relative;
   max-width: 540px;
-  width:100%;
+  width: 100%;
 
   .select {
     @apply relative block w-full;
     height: 3rem;
-    border: 1px solid #b4b4b4;
+    border: 1px solid #d1d5db;
     border-radius: 8px;
+    transition: border-color 0.18s ease, box-shadow 0.18s ease;
+    background-color: #ffffff;
 
     input[type="text"] {
       width: calc(100% - 32px);
@@ -153,17 +169,32 @@
     }
 
     svg {
-      @apply absolute right-0 float-right h-6 w-6 mt-sm mr-sm;
+      position: absolute !important;
+      top: 50% !important;
+      right: 12px !important;
+      transform: translateY(-50%) !important;
+      margin: 0 !important;
+      float: none !important;
     }
   }
 
+  .select:hover {
+    border-color: #2563eb;
+    box-shadow: 0 6px 18px rgba(37, 99, 235, 0.06);
+  }
+
+  .select:focus-within {
+    border-color: #2563eb !important;
+    box-shadow: 0 8px 26px rgba(37, 99, 235, 0.12) !important;
+  }
+
   .select-active {
     @apply relative block w-full h-10 border-2 border-solid border-primary-main;
 
     input[type="text"] {
       width: calc(100% - 32px);
       background-color: transparent;
-      margin-top: -23px; 
+    
       @apply absolute z-10 w-full h-full outline-none text-text-primary text-form-field pl-sm;
     }
 
@@ -200,6 +231,46 @@
   }
 }
 
-.employee-select-wrap .select img, .employee-select-wrap .select svg{
+.employee-select-wrap .select img {
   margin-top: -10px;
 }
+
+.employee-select-wrap .select svg {
+  position: absolute !important;
+  top: 50% !important;
+  right: 12px !important;
+  transform: translateY(-50%) !important;
+  margin: 0 !important;
+  float: none !important;
+}
+
+.employee-login-form .field-container .custom-field {
+  padding: 0 !important;
+  border: none !important;
+  box-shadow: none !important;
+}
+
+/* Improved select border and hover/focus styles */
+.employee-select-wrap .select {
+  border: 1px solid #d1d5db; /* neutral light border */
+  border-radius: 8px;
+  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
+  background-color: #ffffff;
+}
+
+.employee-select-wrap .select:hover {
+  border-color: #2563eb; /* blue on hover */
+  box-shadow: 0 6px 18px rgba(37, 99, 235, 0.06);
+}
+
+.employee-select-wrap .select:focus-within,
+.employee-select-wrap .select-active {
+  border-color: #2563eb !important;
+  box-shadow: 0 8px 26px rgba(37, 99, 235, 0.12) !important;
+}
+
+/* keep dropdown options visible and give subtle offset */
+.employee-select-wrap .options-card {
+  transform: translateY(6px);
+  will-change: transform;
+}