vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-05-09 20:29:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add prop to hide pagination dividers

Browse Source
This commit is contained in:
jeffvli
2022-12-26 01:48:40 -08:00
parent 69a10f4677
commit 1883164150
1 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/pagination/index.tsx
+12 -3
View File
@@ -1,7 +1,10 @@
import { Pagination as MantinePagination, PaginationProps } from '@mantine/core'; import {
Pagination as MantinePagination,
PaginationProps as MantinePaginationProps,
} from '@mantine/core';
import styled from 'styled-components'; import styled from 'styled-components';
const StyledPagination = styled(MantinePagination)` const StyledPagination = styled(MantinePagination)<PaginationProps>`
& .mantine-Pagination-item { & .mantine-Pagination-item {
color: var(--btn-default-fg); color: var(--btn-default-fg);
background-color: var(--btn-default-bg); background-color: var(--btn-default-bg);
@@ -24,14 +27,20 @@ const StyledPagination = styled(MantinePagination)`
} }
&[data-dots] { &[data-dots] {
display: ${({ $hideDividers }) => ($hideDividers ? 'none' : 'block')};
background-color: transparent; background-color: transparent;
} }
} }
`; `;
export const Pagination = ({ ...props }: PaginationProps) => { interface PaginationProps extends MantinePaginationProps {
$hideDividers?: boolean;
}
export const Pagination = ({ $hideDividers, ...props }: PaginationProps) => {
return ( return (
<StyledPagination <StyledPagination
$hideDividers={$hideDividers}
radius="xl" radius="xl"
size="md" size="md"
{...props} {...props}