Style : Fixed pagination button style. (#1211)

This commit is contained in:
Sachin Chaurasiya 2021-11-16 21:51:25 +05:30 committed by GitHub
parent 82ac4cff58
commit 9c4653e968
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 13 additions and 5 deletions

View File

@ -26,9 +26,17 @@
.tw-link:hover { .tw-link:hover {
text-decoration: none !important; text-decoration: none !important;
} }
.pagination > .disabled > .tw-link, .pagination > .disabled > .tw-link {
.pagination > .disabled > .tw-link:hover,
.pagination > .disabled > .tw-link:focus {
cursor: not-allowed; cursor: not-allowed;
color: #7147e8; color: #7147e8;
} }
.pagination > .disabled > .tw-link:hover,
.pagination > .disabled > .tw-link:focus {
cursor: not-allowed;
color: white;
}
.pagination > li > .tw-link:hover,
.pagination > li > .tw-link:focus {
color: white;
}

View File

@ -32,7 +32,7 @@ const Pagination: React.FC<PaginationProps> = ({
hideFirstLastPages hideFirstLastPages
activePage={currentPage} activePage={currentPage}
disabledClass="tw-opacity-60 disabled" disabledClass="tw-opacity-60 disabled"
itemClass="tw-border tw-border-primary tw-text-blue-500 tw-rounded tw-px-3 tw-py-1.5 tw-text-sm tw-mx-2" itemClass="tw-border tw-border-primary tw-text-blue-500 tw-rounded tw-px-3 tw-py-1.5 tw-text-sm tw-mx-2 hover:tw-bg-primary "
itemsCountPerPage={sizePerPage} itemsCountPerPage={sizePerPage}
linkClass="tw-text-primary tw-font-medium tw-link" linkClass="tw-text-primary tw-font-medium tw-link"
nextPageText={ nextPageText={

View File

@ -49,7 +49,7 @@ export const button = {
}, },
primary: { primary: {
base: 'tw-text-primary tw-border-primary tw-border dark:tw-text-blue-300 focus:tw-outline-none', base: 'tw-text-primary tw-border-primary tw-border dark:tw-text-blue-300 focus:tw-outline-none',
active: `active:tw-bg-transparent hover:tw-bg-primary-hover-lite hover:tw-text-white focus:tw-bg-primary active: `active:tw-bg-transparent hover:tw-bg-primary hover:tw-text-white focus:tw-bg-primary
active:tw-bg-primary active:tw-text-white focus:tw-ring focus:tw-ring-purple-300`, active:tw-bg-primary active:tw-text-white focus:tw-ring focus:tw-ring-purple-300`,
disabled: 'tw-opacity-50 tw-cursor-not-allowed', disabled: 'tw-opacity-50 tw-cursor-not-allowed',
}, },