mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-06-12 03:28:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: marketplace QoL

Browse Source
This commit is contained in:
alexsparkes
2022-08-02 21:39:11 +01:00
parent faa5080d64
commit 12469a031e
3 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/modals/main/marketplace/EmblaCarouselButtons.jsx
View File

@@ -1,4 +1,5 @@
import React from "react";
import { MdOutlineArrowForwardIos, MdOutlineArrowBackIos } from 'react-icons/md';
export const PrevButton = ({ enabled, onClick }) => (
<button
@@ -6,9 +7,7 @@ export const PrevButton = ({ enabled, onClick }) => (
onClick={onClick}
disabled={!enabled}
>
<svg className="embla__button__svg" viewBox="137.718 -1.001 366.563 644">
<path d="M428.36 12.5c16.67-16.67 43.76-16.67 60.42 0 16.67 16.67 16.67 43.76 0 60.42L241.7 320c148.25 148.24 230.61 230.6 247.08 247.08 16.67 16.66 16.67 43.75 0 60.42-16.67 16.66-43.76 16.67-60.42 0-27.72-27.71-249.45-249.37-277.16-277.08a42.308 42.308 0 0 1-12.48-30.34c0-11.1 4.1-22.05 12.48-30.42C206.63 234.23 400.64 40.21 428.36 12.5z" />
</svg>
<MdOutlineArrowBackIos/>
</button>
);
@@ -18,8 +17,6 @@ export const NextButton = ({ enabled, onClick }) => (
onClick={onClick}
disabled={!enabled}
>
<svg className="embla__button__svg" viewBox="0 0 238.003 238.003">
<path d="M181.776 107.719L78.705 4.648c-6.198-6.198-16.273-6.198-22.47 0s-6.198 16.273 0 22.47l91.883 91.883-91.883 91.883c-6.198 6.198-6.198 16.273 0 22.47s16.273 6.198 22.47 0l103.071-103.039a15.741 15.741 0 0 0 4.64-11.283c0-4.13-1.526-8.199-4.64-11.313z" />
</svg>
<MdOutlineArrowForwardIos/>
</button>
);

10
src/components/modals/main/marketplace/Items.jsx
View File

@@ -62,8 +62,14 @@ export default function Items({
))}
</div>
<div className='showMoreItems'>
<span className='link' onClick={incrementCount}><MdExpandMore /> Show More</span>
<span className='subtitle'>Showing {count} / {items.length}</span>
{(count !== items.length && items.length >= 8) ? (
<span className='link' onClick={incrementCount}><MdExpandMore /> Show More</span>
) : null}
{items.length <= 8 ? (
<span className='subtitle'>Showing {items.length} / {items.length}</span>
) : (
<span className='subtitle'>Showing {count} / {items.length}</span>
)}
</div>
<div className="loader"></div>
{type === 'all' && !onCollection ? (

8
src/components/modals/main/scss/marketplace/_main.scss
View File

@@ -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;
}