zz-shopify-components 0.29.1-beta.4 → 0.30.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zz-shopify-components",
3
- "version": "0.29.1-beta.4",
3
+ "version": "0.30.0",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
@@ -28,11 +28,11 @@
28
28
  style='background-color: {{ section.settings.bg_color }};'
29
29
  >
30
30
  <div class=' lg:tw-w-[90vw] xl:tw-w-[1220px] tw-mx-auto tw-flex lg:tw-gap-[60px] xl:tw-gap-[80px] max-lg:tw-gap-[32px] max-lg:tw-flex-col'>
31
- <div class="max-lg:tw-text-[16px] lg:tw-text-[12px]">
32
- <div class='tw-text-black tw-tetx-[16px] tw-font-semibold'>
31
+ <div class="">
32
+ <div class='tw-text-black max-lg:tw-text-[16px] lg:tw-text-[12px] tw-font-semibold'>
33
33
  We value your privacy
34
34
  </div>
35
- <div class="tw-leading-[1.5]">
35
+ <div class="tw-leading-[1.5] max-lg:tw-text-[14px] lg:tw-text-[12px]">
36
36
  We use cookies and other technologies to personalize your experience,
37
37
  perform marketing, and collect analytics. Learn more in our
38
38
  <a class="tw-text-[#378DDD]" href="/pages/privacy-policy">PrivacyPolicy</a>.You can manage your settings at any time through
@@ -59,7 +59,7 @@
59
59
  </button>
60
60
 
61
61
  </div>
62
- <div class="max-lg:tw-max-h-[60vh] tw-p-[20px] tw-overflow-y-auto">
62
+ <div class="content-div tw-py-[20px] max-lg:tw-px-[20px] lg:tw-px-[32px] tw-overflow-y-auto">
63
63
  <div class="tw-mb-[20px]">
64
64
  <div class="tw-text-[16px] tw-text-black tw-font-semibold tw-leading-[1.5] tw-mb-[8px]">
65
65
  You control your data
@@ -235,10 +235,10 @@
235
235
  background-color: hsl(0deg, 0%, 100%, 100%);
236
236
  max-height: 80%;
237
237
  overflow-y: auto;
238
+ border-radius: 24px;
238
239
  top: 50%;
239
240
  transform: translate(0, -50%);
240
241
  min-width: 280px;
241
- border-radius: 3px;
242
242
  display: flex;
243
243
  flex-direction: column;
244
244
  left: 25%;
@@ -255,6 +255,7 @@
255
255
  box-shadow: 0 5px 10px rgb(63 63 68 / 50%);
256
256
  position: fixed;
257
257
  z-index: 2000002;
258
+ border-radius: 12px;
258
259
  opacity: 1;
259
260
  background-color: hsl(0deg, 0%, 100%, 100%);
260
261
  overflow-y: auto;
@@ -266,6 +267,9 @@
266
267
  width: 100%;
267
268
  text-align: left;
268
269
  }
270
+ .zz-shopify__prefs__dialog .content-div {
271
+ max-height: calc(100vh - 290px);
272
+ }
269
273
 
270
274
  }
271
275
 
@@ -273,6 +277,10 @@
273
277
 
274
278
  <script>
275
279
  (function() {
280
+ // 当前路由包含则不展示 privacy-policy
281
+ if(window.location.pathname.includes('/privacy-policy')) {
282
+ return;
283
+ }
276
284
 
277
285
  const section = document.querySelector('#shopify-section-{{ section.id }}');
278
286
  const banner = section.querySelector('.zz-shopify-bottom__banner__dialog');