@designcrowd/fe-shared-lib 1.5.10-kp-5 → 1.5.10-kp-6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.5.10-kp-5",
+  "version": "1.5.10-kp-6",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/public/css/tailwind-brandCrowd.css

@@ -2277,6 +2277,9 @@ video {
   }
 }
 @media (min-width: 768px) {
+.theme-brandCrowd .md\:tw-relative {
+    position: relative;
+  }
 .theme-brandCrowd .md\:tw-right-6 {
     right: 1.5rem;
   }
@@ -2390,10 +2393,16 @@ video {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
+.theme-brandCrowd .md\:tw-border-none {
+    border-style: none;
+  }
 .theme-brandCrowd .md\:tw-object-contain {
     -o-object-fit: contain;
        object-fit: contain;
   }
+.theme-brandCrowd .md\:tw-p-0 {
+    padding: 0px;
+  }
 .theme-brandCrowd .md\:tw-p-2 {
     padding: 0.5rem;
   }

package/public/css/tailwind-brandPage.css

@@ -1961,6 +1961,9 @@ video {
   }
 }
 @media (min-width: 768px) {
+.theme-brandPage .md\:tw-relative {
+    position: relative;
+  }
 .theme-brandPage .md\:tw-right-6 {
     right: 1.5rem;
   }
@@ -2074,10 +2077,16 @@ video {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
+.theme-brandPage .md\:tw-border-none {
+    border-style: none;
+  }
 .theme-brandPage .md\:tw-object-contain {
     -o-object-fit: contain;
        object-fit: contain;
   }
+.theme-brandPage .md\:tw-p-0 {
+    padding: 0px;
+  }
 .theme-brandPage .md\:tw-p-2 {
     padding: 0.5rem;
   }

package/public/css/tailwind-crazyDomains.css

@@ -2277,6 +2277,9 @@ video {
   }
 }
 @media (min-width: 768px) {
+.theme-crazyDomains .md\:tw-relative {
+    position: relative;
+  }
 .theme-crazyDomains .md\:tw-right-6 {
     right: 1.5rem;
   }
@@ -2390,10 +2393,16 @@ video {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
+.theme-crazyDomains .md\:tw-border-none {
+    border-style: none;
+  }
 .theme-crazyDomains .md\:tw-object-contain {
     -o-object-fit: contain;
        object-fit: contain;
   }
+.theme-crazyDomains .md\:tw-p-0 {
+    padding: 0px;
+  }
 .theme-crazyDomains .md\:tw-p-2 {
     padding: 0.5rem;
   }

package/public/css/tailwind-designCom.css

@@ -2277,6 +2277,9 @@ video {
   }
 }
 @media (min-width: 768px) {
+.theme-designCom .md\:tw-relative {
+    position: relative;
+  }
 .theme-designCom .md\:tw-right-6 {
     right: 1.5rem;
   }
@@ -2390,10 +2393,16 @@ video {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
+.theme-designCom .md\:tw-border-none {
+    border-style: none;
+  }
 .theme-designCom .md\:tw-object-contain {
     -o-object-fit: contain;
        object-fit: contain;
   }
+.theme-designCom .md\:tw-p-0 {
+    padding: 0px;
+  }
 .theme-designCom .md\:tw-p-2 {
     padding: 0.5rem;
   }

package/public/css/tailwind-designCrowd.css

@@ -2277,6 +2277,9 @@ video {
   }
 }
 @media (min-width: 768px) {
+.theme-designCrowd .md\:tw-relative {
+    position: relative;
+  }
 .theme-designCrowd .md\:tw-right-6 {
     right: 1.5rem;
   }
@@ -2390,10 +2393,16 @@ video {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
   }
+.theme-designCrowd .md\:tw-border-none {
+    border-style: none;
+  }
 .theme-designCrowd .md\:tw-object-contain {
     -o-object-fit: contain;
        object-fit: contain;
   }
+.theme-designCrowd .md\:tw-p-0 {
+    padding: 0px;
+  }
 .theme-designCrowd .md\:tw-p-2 {
     padding: 0.5rem;
   }

package/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue

@@ -36,8 +36,10 @@
           </div>
         </div>
       </div>
-      <div class="bottom-bar tw-mt-2 tw-bg-grayscale-200">
-        <div class="bottom-bar tw-mt-6 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2">
+      <div class="bottom-bar tw-mt-2">
+        <div
+          class="bottom-bar tw-mt-6 tw-bg-grayscale-200 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2"
+        >
           <div class="button-size md:tw-flex-1">
             <Button
               data-test-upgrade-button
@@ -50,7 +52,7 @@
               @on-click="onUpgradeClick"
             />
           </div>
-          <div class="md:tw-flex-1 md:tw-max-w-40 tw-mt-3 md:tw-mt-0">
+          <div class="button-size nothanks-button-mobile md:tw-flex-1">
             <Button
               data-test-upgrade-button
               :label="websiteContextualUpgradeModalTr('closeButtonText')"
@@ -198,7 +200,15 @@ const onUpgradeClick = () => {
 };
 </script>
 <style scoped>
+.bottom-bar {
+  @apply tw-absolute tw-p-4 tw-bottom-0 tw-left-0 tw-w-full tw-border-t tw-border-gray-300 md:tw-p-0 md:tw-relative md:tw-border-none;
+}
 .button-size {
   @apply tw-w-full md:tw-max-w-40;
 }
+@media (max-width: 768px) {
+  .nothanks-button-mobile {
+    @apply tw-hidden;
+  }
+}
 </style>