srcdev-nuxt-components 2.5.15 → 2.5.16
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.
|
@@ -270,11 +270,6 @@ onBeforeUnmount(() => {
|
|
|
270
270
|
--_thumbnailWidth: var(--_thumbnailMobileWidth, 100px);
|
|
271
271
|
--_thumbnailHeight: var(--_thumbnailMobileHeight, 165px);
|
|
272
272
|
|
|
273
|
-
@container (width >= 1024px) {
|
|
274
|
-
--_thumbnailWidth: var(--_thumbnailDesktopWidth, 150px);
|
|
275
|
-
--_thumbnailHeight: var(--_thumbnailDesktopHeight, 220px);
|
|
276
|
-
}
|
|
277
|
-
|
|
278
273
|
height: 100svh;
|
|
279
274
|
width: 100vw;
|
|
280
275
|
overflow: hidden;
|
|
@@ -464,6 +459,11 @@ onBeforeUnmount(() => {
|
|
|
464
459
|
display: flex;
|
|
465
460
|
gap: 20px;
|
|
466
461
|
|
|
462
|
+
@container (width >= 1024px) {
|
|
463
|
+
--_thumbnailWidth: var(--_thumbnailDesktopWidth, 150px);
|
|
464
|
+
--_thumbnailHeight: var(--_thumbnailDesktopHeight, 220px);
|
|
465
|
+
}
|
|
466
|
+
|
|
467
467
|
.item {
|
|
468
468
|
width: var(--_thumbnailWidth);
|
|
469
469
|
height: var(--_thumbnailHeight);
|
|
@@ -473,12 +473,12 @@ onBeforeUnmount(() => {
|
|
|
473
473
|
border: var(--_thumbnailBorder, 1px solid transparent);
|
|
474
474
|
outline: var(--_thumbnailOutline, 1px solid transparent);
|
|
475
475
|
border-radius: var(--_thumbnailBorderRadius, 20px);
|
|
476
|
+
overflow: hidden;
|
|
476
477
|
|
|
477
478
|
.inner {
|
|
478
479
|
position: absolute;
|
|
479
480
|
inset: 0 0 0 0;
|
|
480
481
|
background-color: #0004;
|
|
481
|
-
border-radius: var(--_thumbnailBorderRadius, 20px);
|
|
482
482
|
z-index: 2;
|
|
483
483
|
}
|
|
484
484
|
|
|
@@ -486,7 +486,6 @@ onBeforeUnmount(() => {
|
|
|
486
486
|
width: 100%;
|
|
487
487
|
height: 100%;
|
|
488
488
|
object-fit: cover;
|
|
489
|
-
border-radius: 20px;
|
|
490
489
|
}
|
|
491
490
|
|
|
492
491
|
.content {
|
package/package.json
CHANGED