diff --git a/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx b/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx index e78f90e2..3bd8ee34 100644 --- a/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx +++ b/src/components/modals/main/marketplace/EmblaCarouselButtons.jsx @@ -1,4 +1,5 @@ import React from "react"; +import { MdOutlineArrowForwardIos, MdOutlineArrowBackIos } from 'react-icons/md'; export const PrevButton = ({ enabled, onClick }) => ( ); @@ -18,8 +17,6 @@ export const NextButton = ({ enabled, onClick }) => ( onClick={onClick} disabled={!enabled} > - - - + ); diff --git a/src/components/modals/main/marketplace/Items.jsx b/src/components/modals/main/marketplace/Items.jsx index fda672d6..e3bc3c5a 100644 --- a/src/components/modals/main/marketplace/Items.jsx +++ b/src/components/modals/main/marketplace/Items.jsx @@ -62,8 +62,14 @@ export default function Items({ ))}
- Show More - Showing {count} / {items.length} + {(count !== items.length && items.length >= 8) ? ( + Show More + ) : null} + {items.length <= 8 ? ( + Showing {items.length} / {items.length} + ) : ( + Showing {count} / {items.length} + )}
{type === 'all' && !onCollection ? ( diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss index 8dc46326..45128649 100644 --- a/src/components/modals/main/scss/marketplace/_main.scss +++ b/src/components/modals/main/scss/marketplace/_main.scss @@ -533,18 +533,18 @@ p.author { .embla__button { outline: 0; cursor: pointer; - background-color: transparent; touch-action: manipulation; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); border: 0; - width: 30px; - height: 30px; + width: 30px !important; + height: 30px !important; + display: grid; + place-items: center; justify-content: center; align-items: center; - fill: #1bcacd; padding: 0; }