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

View File

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