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

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
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/pagination/index.tsx
+14 -10
View File
@@ -11,25 +11,29 @@ const StyledPagination = styled(MantinePagination)<PaginationProps>`
border: none; border: none;
transition: background 0.2s ease-in-out, color 0.2s ease-in-out; 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] { &[data-active] {
color: var(--btn-primary-fg); color: var(--btn-primary-fg);
background-color: var(--btn-primary-bg); background-color: var(--btn-primary-bg);
} }
&:hover &[data-active] {
color: var(--btn-primary-fg-hover);
background-color: var(--btn-primary-bg-hover);
}
&[data-dots] { &[data-dots] {
display: ${({ $hideDividers }) => ($hideDividers ? 'none' : 'block')}; display: ${({ $hideDividers }) => ($hideDividers ? 'none' : 'block')};
background-color: transparent; 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;
}
}
} }
`; `;