srcdev-nuxt-components 2.5.13 → 2.5.15

package/components/image-galleries/SliderGallery.vue

@@ -14,7 +14,7 @@
             <div v-show="item.stylist !== ''" class="author" :class="item.textBrightness">{{ item.stylist }}</div>
             <div v-show="item.title !== ''" class="title" :class="item.textBrightness">{{ item.title }}</div>
             <div v-show="item.category !== ''" class="topic" :class="item.textBrightness">{{ item.category }}</div>
-            <div v-show="item.description !== ''" class="des" :class="item.textBrightness">{{ item.description }}</div>
+            <div v-show="item.description !== ''" class="description" :class="item.textBrightness">{{ item.description }}</div>
             <div class="buttons" :class="item.textBrightness">
               <button>SEE MORE</button>
             </div>
@@ -270,7 +270,7 @@ onBeforeUnmount(() => {
   --_thumbnailWidth: var(--_thumbnailMobileWidth, 100px);
   --_thumbnailHeight: var(--_thumbnailMobileHeight, 165px);
 
-  @media screen and (min-width: 1024px) {
+  @container (width >= 1024px) {
     --_thumbnailWidth: var(--_thumbnailDesktopWidth, 150px);
     --_thumbnailHeight: var(--_thumbnailDesktopHeight, 220px);
   }
@@ -282,6 +282,7 @@ onBeforeUnmount(() => {
   inset: 0 0 0 0;
 
   z-index: 9999;
+  container-type: inline-size;
 
   .loading-state {
     position: absolute;
@@ -344,7 +345,7 @@ onBeforeUnmount(() => {
           .author,
           .title,
           .topic,
-          .des,
+          .description,
           .buttons {
             transform: translateY(50px);
             filter: blur(20px);
@@ -358,7 +359,7 @@ onBeforeUnmount(() => {
           .topic {
             animation-delay: 1.4s !important;
           }
-          .des {
+          .description {
             animation-delay: 1.6s !important;
           }
           .buttons {
@@ -638,7 +639,7 @@ onBeforeUnmount(() => {
             .author,
             .title,
             .topic,
-            .des,
+            .description,
             .buttons {
               animation: contentOut 1.5s linear 1 forwards !important;
             }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "srcdev-nuxt-components",
   "type": "module",
-  "version": "2.5.13",
+  "version": "2.5.15",
   "main": "nuxt.config.ts",
   "scripts": {
     "clean": "rm -rf .nuxt && rm -rf .output && rm -rf .playground/.nuxt && rm -rf .playground/.output",