pogmommy/feishin
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust pagination style

Browse source
This commit is contained in:
jeffvli 2022-12-27 14:15:16 -08:00
parent 026b1f6ec2
commit b57ec3c966
1 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
src/renderer/components/pagination/index.tsx
View file

@ -11,25 +11,29 @@ const StyledPagination = styled(MantinePagination)<PaginationProps>`
border: none;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
&:hover {
color: var(--btn-default-fg-hover);
background-color: var(--btn-default-bg-hover);
}
&[data-active] {
color: var(--btn-primary-fg);
background-color: var(--btn-primary-bg);
}
&:hover &[data-active] {
color: var(--btn-primary-fg-hover);
background-color: var(--btn-primary-bg-hover);
}
&[data-dots] {
display: ${({ $hideDividers }) => ($hideDividers ? 'none' : 'block')};
background-color: transparent;
}
&:hover {
color: var(--btn-default-fg-hover);
background-color: var(--btn-default-bg-hover);
&[data-active] {
color: var(--btn-primary-fg-hover);
background-color: var(--btn-primary-bg-hover);
}
&[data-dots] {
background-color: transparent;
}
}
}
`;