Fixed article card hover style

This commit is contained in:
kvakazyambra 2023-11-11 21:16:48 +03:00
parent cbb5e22b42
commit 2c7e98acdf
2 changed files with 6 additions and 3 deletions

View File

@ -12,7 +12,7 @@
}
&:hover {
.shoutCardCover img {
.shoutCardCover {
transform: scale(1.05);
}
}
@ -89,6 +89,7 @@
}
.shoutCardCoverContainer {
overflow: hidden;
position: relative;
}
@ -99,13 +100,13 @@
overflow: hidden;
padding-bottom: 56.2%;
position: relative;
transform-origin: 50% 50%;
transition: transform 1s ease-in-out;
img {
height: 100%;
object-fit: cover;
position: absolute;
transform-origin: 50% 50%;
transition: transform 1s ease-in-out;
width: 100%;
}

View File

@ -47,11 +47,13 @@ export const ArticleCardSwiper = (props: Props) => {
round-lengths={true}
loop={true}
speed={800}
/*
autoplay={{
disableOnInteraction: false,
delay: 6000,
pauseOnMouseEnter: true
}}
*/
>
<For each={props.slides}>
{(slide, index) => (