@pmidc/upyog-css 1.1.10 → 1.1.12

package/src/components/actionbar.scss

@@ -1,97 +1,100 @@
-.action-bar-wrap {
-  box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
-  z-index: 100;
-  height: 75px;
-  
-  @apply left-0 bottom-0 w-full bg-white py-lg px-xxl fixed text-right;
-
-  div {
-    @apply w-full;
-  }
-  .menu-wrap {
-    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
-    bottom: 45px;
-    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: calc(100% - 16px);
-    right: 8px;
-  
-    div {
-      @apply h-12 pl-sm py-md text-body-l text-text-primary;
-  
-      &:hover {
-        @apply bg-grey-mid w-full;
-      }
-    }
-  }
-}
-
-@screen dt {
-  .action-bar-wrap {
-    box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
-    left: 0;
-    max-width: none;
-    z-index: 999;
-
-    @apply fixed bottom-0 bg-white py-lg pr-lg text-right;
-
-    div {
-      width: calc(100% - 16px);
-    }
-
-    .menu-wrap {
-      bottom: 45px;
-      top: unset;
-      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;
-      @apply absolute h-auto bg-white text-left mb-xs z-30;
-      width: 240px;
-      right: 24px;
-  
-      div {
-        @apply h-12 pl-sm py-md text-body-l text-text-primary;
-  
-        &:hover {
-          @apply bg-grey-mid w-full;
-        }
-      }
-    }
-  }
-}
-
-.action-bar-wrap-registry {
-
-  div {
-    @apply w-full;
-  }
-  .menu-wrap {
-    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
-    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: 160px;
-    right: 60px;
-  
-    div {
-      @apply h-12 pl-sm py-md text-body-l text-text-primary;
-  
-      &:hover {
-        @apply bg-grey-mid w-full;
-      }
-    }
-  }
-
-  .search-add {
-    padding: 12px 16px;
-    color: rgb(244, 119, 56);
-    display: flex;
-    cursor: pointer;
-  }
-
-  .search-add-icon {
-    background: rgb(244, 119, 56);
-    border-radius: 50%;
-    height: 24px;
-    width: 24px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-left: 10px;
-  }
+.action-bar-wrap {
+  box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
+  z-index: 100;
+  height: 75px;
+  
+  @apply left-0 bottom-0 w-full bg-white py-lg px-xxl fixed text-right;
+
+  div {
+    @apply w-full;
+  }
+  .menu-wrap {
+    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
+    bottom: 45px;
+    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;
+    right: 8px;
+  
+    div {
+      @apply h-12 pl-sm py-md text-body-l text-text-primary;
+  
+      &:hover {
+        @apply bg-grey-mid w-full;
+      }
+    }
+  }
+}
+
+@screen dt {
+  .action-bar-wrap {
+    box-shadow: rgba(0, 0, 0, 0.16) 0 -2px 8px;
+    left: 0;
+    max-width: none;
+    z-index: 999;
+
+    @apply fixed bottom-0 bg-white py-lg pr-lg text-right;
+
+    div {
+      width: calc(100% - 16px);
+    }
+
+    .menu-wrap {
+      bottom: 45px;
+      top: unset;
+      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;
+      @apply absolute h-auto bg-white text-left mb-xs z-30;
+      width: 240px;
+      right: 24px;
+  
+      div {
+        @apply h-12 pl-sm py-md text-body-l text-text-primary;
+  
+        &:hover {
+          @apply bg-grey-mid w-full;
+        }
+      }
+    }
+  }
+}
+
+.action-bar-wrap-registry {
+
+  div {
+    @apply w-full;
+  }
+  .menu-wrap {
+    @apply absolute bg-white text-left mb-xs z-30 cursor-pointer;
+    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: 160px;
+    right: 60px;
+  
+    div {
+      @apply h-12 pl-sm py-md text-body-l text-text-primary;
+  
+      &:hover {
+        @apply bg-grey-mid w-full;
+      }
+    }
+  }
+
+  .search-add {
+    padding: 12px 16px;
+    color: rgb(244, 119, 56);
+    display: flex;
+    cursor: pointer;
+  }
+
+  .search-add-icon {
+    background: rgb(244, 119, 56);
+    border-radius: 50%;
+    height: 24px;
+    width: 24px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-left: 10px;
+  }
 }

package/src/components/bannercomponents.scss

@@ -1,137 +1,137 @@
-.success-wrap,
-.emp-success-wrap {
-  @apply block bg-success w-full text-center text-white pt-md pb-sm mb-md;
-
-  header {
-    @apply block mb-sm font-rc font-bold text-heading-xl;
-  }
-
-  div {
-    img {
-      padding: 13.67px;
-      margin-left: auto;
-      margin-right: auto;
-      @apply border border-solid border-white rounded-full h-16 w-16 bg-white mb-md;
-    }
-
-    svg {
-      padding: 13.67px;
-      margin-left: auto;
-      margin-right: auto;
-      @apply border border-solid border-white rounded-full h-16 w-16 bg-white mb-md;
-    }
-
-    svg.payment-svg {
-      border: unset;
-      background-color: unset;
-      @apply rounded-full;
-    }
-
-    h2 {
-      @apply font-bold text-caption-m mb-sm;
-    }
-
-    p {
-      @apply font-bold text-caption-l;
-    }
-  }
-}
-
-.error-wrap,
-.emp-error-wrap {
-  @apply block bg-error w-full text-center text-white pt-md pb-sm mb-md;
-
-  header {
-    @apply block mb-sm font-rc font-bold text-heading-xl;
-  }
-
-  img {
-    margin-left: auto;
-    margin-right: auto;
-    padding: 13.67px;
-    @apply border border-solid border-white rounded-full bg-white h-16 w-16 mb-md;
-  }
-
-  svg {
-    margin-left: auto;
-    margin-right: auto;
-    padding: 13.67px;
-    @apply border border-solid border-white rounded-full bg-white h-16 w-16 mb-md;
-  }
-}
-
-@screen dt {
-  .success-wrap {
-    width: calc(100%);
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-  .emp-success-wrap {
-    width: calc(100%);
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-
-  .error-wrap {
-    width: calc(100%);
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-
-  .emp-error-wrap {
-    width: calc(100%);
-    header {
-      @apply text-heading-xl-dt;
-    }
-  }
-}
-
-.photos-wrap {
-  max-width: 640px;
-  @apply flex pt-md;
-
-  img {
-    width: calc(33% - 9.333px);
-    margin-right: 14px;
-  }
-
-  svg {
-    width: calc(33% - 9.333px);
-    margin-right: 14px;
-  }
-
-  .last {
-    width: calc(33% - 9.333px);
-  }
-}
-
-.banner {
-  @apply flex justify-center items-center;
-  height: calc(100vh - 80px);
-  position: relative;
-
-  .bannerCard {
-    min-width: 400px;
-  }
-  .bannerLogo {
-    width: 80px;
-    height: 40px;
-    object-fit: contain;
-    padding-right: 10px;
-    margin-right: 10px;
-    border-right: 1px solid #0b0c0c;
-  }
-  .bannerHeader {
-    @apply flex justify-center items-center;
-    margin-bottom: 24px;
-  }
-}
-
-.banner-container {
-  flex-direction: column;
-  justify-content: center;
-  align-items: center !important;
-}
+.success-wrap,
+.emp-success-wrap {
+  @apply block bg-success w-full text-center text-white pt-md pb-sm mb-md;
+
+  header {
+    @apply block mb-sm font-rc font-bold text-heading-xl;
+  }
+
+  div {
+    img {
+      padding: 13.67px;
+      margin-left: auto;
+      margin-right: auto;
+      @apply border border-solid border-white rounded-full h-16 w-16 bg-white mb-md;
+    }
+
+    svg {
+      padding: 13.67px;
+      margin-left: auto;
+      margin-right: auto;
+      @apply border border-solid border-white rounded-full h-16 w-16 bg-white mb-md;
+    }
+
+    svg.payment-svg {
+      border: unset;
+      background-color: unset;
+      @apply rounded-full;
+    }
+
+    h2 {
+      @apply font-bold text-caption-m mb-sm;
+    }
+
+    p {
+      @apply font-bold text-caption-l;
+    }
+  }
+}
+
+.error-wrap,
+.emp-error-wrap {
+  @apply block bg-error w-full text-center text-white pt-md pb-sm mb-md;
+
+  header {
+    @apply block mb-sm font-rc font-bold text-heading-xl;
+  }
+
+  img {
+    margin-left: auto;
+    margin-right: auto;
+    padding: 13.67px;
+    @apply border border-solid border-white rounded-full bg-white h-16 w-16 mb-md;
+  }
+
+  svg {
+    margin-left: auto;
+    margin-right: auto;
+    padding: 13.67px;
+    @apply border border-solid border-white rounded-full bg-white h-16 w-16 mb-md;
+  }
+}
+
+@screen dt {
+  .success-wrap {
+    width: calc(100%);
+    header {
+      @apply text-heading-xl-dt;
+    }
+  }
+  .emp-success-wrap {
+    width: calc(100%);
+    header {
+      @apply text-heading-xl-dt;
+    }
+  }
+
+  .error-wrap {
+    width: calc(100%);
+    header {
+      @apply text-heading-xl-dt;
+    }
+  }
+
+  .emp-error-wrap {
+    width: calc(100%);
+    header {
+      @apply text-heading-xl-dt;
+    }
+  }
+}
+
+.photos-wrap {
+  max-width: 640px;
+  @apply flex pt-md;
+
+  img {
+    width: calc(33% - 9.333px);
+    margin-right: 14px;
+  }
+
+  svg {
+    width: calc(33% - 9.333px);
+    margin-right: 14px;
+  }
+
+  .last {
+    width: calc(33% - 9.333px);
+  }
+}
+
+.banner {
+  @apply flex justify-center items-center;
+  height: calc(100vh - 80px);
+  position: relative;
+
+  .bannerCard {
+    min-width: 400px;
+  }
+  .bannerLogo {
+    width: 80px;
+    height: 40px;
+    object-fit: contain;
+    padding-right: 10px;
+    margin-right: 10px;
+    border-right: 1px solid #0b0c0c;
+  }
+  .bannerHeader {
+    @apply flex justify-center items-center;
+    margin-bottom: 24px;
+  }
+}
+
+.banner-container {
+  flex-direction: column;
+  justify-content: center;
+  align-items: center !important;
+}