Fixed article card hover style
This commit is contained in:
parent
cbb5e22b42
commit
2c7e98acdf
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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) => (
|
||||||
|
|
Loading…
Reference in New Issue
Block a user