RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-10 02:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix arrows

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/components/PostCard/index.jsx
View File

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

16
packages/app/src/components/PostCard/index.less
View File

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