srcdev-nuxt-components 2.2.5 → 2.2.6
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.
|
@@ -248,7 +248,6 @@ onMounted(() => {
|
|
|
248
248
|
--_thumbnailWidth: 100px;
|
|
249
249
|
--_thumbnailHeight: 165px;
|
|
250
250
|
|
|
251
|
-
|
|
252
251
|
@media screen and (min-width: 1024px) {
|
|
253
252
|
--_thumbnailWidth: 150px;
|
|
254
253
|
--_thumbnailHeight: 220px;
|
|
@@ -425,20 +424,6 @@ onMounted(() => {
|
|
|
425
424
|
z-index: 2;
|
|
426
425
|
}
|
|
427
426
|
|
|
428
|
-
&:first-child {
|
|
429
|
-
/* Add the animated border effect */
|
|
430
|
-
&::before {
|
|
431
|
-
content: '';
|
|
432
|
-
position: absolute;
|
|
433
|
-
inset: -3px; /* Border outside the thumbnail */
|
|
434
|
-
border-radius: 20px;
|
|
435
|
-
/* background: conic-gradient(transparent 0deg, transparent 360deg); */
|
|
436
|
-
z-index: 1;
|
|
437
|
-
animation: none;
|
|
438
|
-
pointer-events: none;
|
|
439
|
-
}
|
|
440
|
-
}
|
|
441
|
-
|
|
442
427
|
img {
|
|
443
428
|
width: 100%;
|
|
444
429
|
height: 100%;
|
|
@@ -532,12 +517,6 @@ onMounted(() => {
|
|
|
532
517
|
animation: effectNext 0.5s linear 1 forwards;
|
|
533
518
|
|
|
534
519
|
.item {
|
|
535
|
-
&:first-child {
|
|
536
|
-
/* Add the animated border effect */
|
|
537
|
-
&::before {
|
|
538
|
-
animation: countdownBorder 7s linear 1 forwards;
|
|
539
|
-
}
|
|
540
|
-
}
|
|
541
520
|
&:nth-last-child(1) {
|
|
542
521
|
overflow: hidden;
|
|
543
522
|
animation: showThumbnail 0.5s linear 1 forwards;
|
|
@@ -714,15 +693,4 @@ onMounted(() => {
|
|
|
714
693
|
font-size: 30px;
|
|
715
694
|
}
|
|
716
695
|
}
|
|
717
|
-
|
|
718
|
-
/* Keyframe for the border animation */
|
|
719
|
-
@keyframes countdownBorder {
|
|
720
|
-
0% {
|
|
721
|
-
background: conic-gradient(brightgreen 0deg, transparent 0deg);
|
|
722
|
-
}
|
|
723
|
-
100% {
|
|
724
|
-
background: conic-gradient(brightgreen 0deg, brightgreen 360deg);
|
|
725
|
-
}
|
|
726
|
-
}
|
|
727
|
-
|
|
728
696
|
</style>
|
package/package.json
CHANGED