zz-shopify-components 0.17.1-beta.1 → 0.17.1-beta.2

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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/sections/zz-swiper-gallery.liquid +4 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zz-shopify-components",
3
- "version": "0.17.1-beta.1",
3
+ "version": "0.17.1-beta.2",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
package/sections/zz-swiper-gallery.liquid CHANGED
@@ -246,7 +246,7 @@
246
246
  </div>
247
247
 
248
248
 
249
- <div class="gallery-nav tw-w-full tw-flex tw-justify-center tw-items-end max-lg:tw-mt-[20px] lg:tw-mt-[40px] lg:w-gap-[18px] tw-gap-[8px]">
249
+ <div class="gallery-nav tw-w-full tw-flex tw-justify-center tw-items-end max-lg:tw-mt-[20px] lg:tw-mt-[40px] lg:tw-h-[90px] max-lg:tw-h-[80px] lg:w-gap-[18px] tw-gap-[8px]">
250
250
  {% for banner in section.blocks %}
251
251
  <div class='gallery-item tw-cursor-pointer lg:tw-w-[120px] lg:tw-h-[68px] max-lg:tw-w-[48px] max-lg:tw-h-[64px] tw-rounded-[4px] tw-overflow-hidden'>
252
252
  {%
@@ -351,6 +351,9 @@
351
351
  display: flex;
352
352
  flex-direction: column;
353
353
  align-items: center;
354
+ }
355
+ #shopify-section-{{section.id}} .gallery-item {
356
+ transition: width 0.3s ease, height 0.3s ease;
354
357
  }
355
358
  #shopify-section-{{section.id}} .width-height-full {
356
359
  width: 100% !important;