fix arrows

This commit is contained in:
srgooglo 2022-06-04 06:26:31 +02:00
parent b7f560e867
commit c12cb48a48
2 changed files with 14 additions and 6 deletions

View File

@ -226,8 +226,8 @@ const PostContent = React.memo((props) => {
<antd.Carousel
ref={carruselRef}
arrows={true}
nextArrow={<Icons.ArrowRight />}
prevArrow={<Icons.ArrowLeft />}
nextArrow={<Icons.ChevronRight />}
prevArrow={<Icons.ChevronLeft />}
autoplay
>
{additions}

View File

@ -151,7 +151,7 @@
.slick-slider {
.slick-prev {
display: inline !important;
color: rgba(var(--background-color-contrast), 0.5);
color: #ffffff;
z-index: 100;
@ -166,14 +166,18 @@
transition: all 150ms ease-in-out;
&:hover {
opacity: 1;
opacity: 0.6;
width: 7vw;
}
&:active {
transform: scale(0.5);
}
}
.slick-next {
display: inline !important;
color: rgba(var(--background-color-contrast), 0.5);
color: #ffffff;
z-index: 100;
@ -188,9 +192,13 @@
transition: all 150ms ease-in-out;
&:hover {
opacity: 1;
opacity: 0.6;
width: 7vw;
}
&:active {
transform: scale(0.5);
}
}
}