@pmidc/upyog-css 1.2.40 → 1.2.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pmidc/upyog-css",
-  "version": "1.2.40",
+  "version": "1.2.42",
   "license": "MIT",
   "main": "dist/index.css",
   "engines": {

package/src/components/card.scss

@@ -81,8 +81,7 @@
     color: #0f172a;
     margin-bottom: 8px;
     margin-top: 8px;
-    font-weight: 700;
-    text-transform: uppercase;
+    font-weight: 700;    
     letter-spacing: 0.5px;
     width: 100%;
   }
@@ -205,7 +204,6 @@
     color: #0f172a;
     margin-bottom: 8px;
     font-weight: 700;
-    text-transform: uppercase;
     letter-spacing: 0.5px;
   }
 

package/src/index.scss

@@ -2420,3 +2420,18 @@ input[type="date"] {
   max-width: 600px;
   padding: 20px;
 }
+
+.security-banner {
+  width: 100%;
+  max-width: 920px;
+  margin: 1px auto 20px auto;
+  padding: 16px 24px;
+  border-radius: 12px;
+  background: linear-gradient(90deg, #1e4db7, #3a7bd5);
+  color: #ffffff;
+  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
+  display: flex;
+  gap: 14px;
+  align-items: flex-start;
+  line-height: 1.6;
+}

package/src/modules/BPA/index.scss

@@ -116,6 +116,51 @@
   }
 }
 
+
+.action-bar-wrap-menu {
+  box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
+  z-index: 100;
+  height: auto;
+
+  @apply absolute bg-white text-right;
+
+  top: 100%;
+  left: 0;
+  width: 100%;
+
+  div {
+    @apply w-full;
+  }
+
+  .menu-wrap-position {
+    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
+
+    top: 100%;
+    left: 0;
+
+    box-shadow: rgba(0, 0, 0, 0.14) 0 8px 10px 1px,
+      rgba(0, 0, 0, 0.12) 0 3px 14px 2px,
+      rgba(0, 0, 0, 0.2) 0 5px 5px -3px;
+
+    width: auto;
+    min-width: 200px;
+    max-width: calc(100% - 16px);
+    padding: 2px;
+
+    div {
+      @apply h-12 pl-sm py-md text-body-l text-text-primary;
+
+      &:hover {
+        @apply bg-grey-mid w-full;
+      }
+    }
+  }
+}
+
+.card-dropdown-wrapper {
+  position: relative;
+}
+
 /* Mobile */
 @media (max-width: 768px) {
   .upload-tag-container {

package/src/pages/employee/index.scss

@@ -7,7 +7,7 @@
   .ground-container {
     margin-bottom: 56px;
     margin-left: 0px;
-    margin-top: 3rem !important;
+    margin-top: 5rem !important;
     @apply flex flex-col;
   }
   .card-home {
@@ -66,7 +66,6 @@
 
   .main {
     padding: 10px;
-    
   }
 
   @media (min-width: 640px) {
@@ -226,8 +225,8 @@
       height: 24px;
       fill: #374151;
       transition: fill 0.18s ease;
-          margin-right: 20px;
-    margin-left: -10px;
+      margin-right: 20px;
+      margin-left: -10px;
     }
 
     a {
@@ -440,7 +439,7 @@
 }
 
 .RightMostTopBarOptions {
-  @apply flex ;
+  @apply flex;
   display: flex;
   .EventNotificationWrapper {
     @apply relative cursor-pointer;
@@ -458,7 +457,8 @@
     svg {
       fill: #a82227;
     }
-    .form-field, .field{
+    .form-field,
+    .field {
       width: 100%;
     }
   }
@@ -558,7 +558,7 @@
 @media only screen and (max-width: 639px) {
   .employee .ground-container {
     margin-top: 1rem;
-  } 
+  }
 }
 
 @media only screen and (max-width: 950px) {
@@ -691,4 +691,4 @@
       grid-template-columns: 1fr;
     }
   }
-}
+}