File tree 2 files changed +7
-1
lines changed
packages/ui/src/components/Table
2 files changed +7
-1
lines changed Original file line number Diff line number Diff line change @@ -5,6 +5,7 @@ import { twMerge } from "tailwind-merge";
5
5
import { mergeDeep } from "../../helpers/merge-deep" ;
6
6
import { getTheme } from "../../theme-store" ;
7
7
import type { DeepPartial } from "../../types" ;
8
+ import type { FlowbiteBoolean } from "../Flowbite" ;
8
9
9
10
export interface FlowbiteTablePaginationTheme {
10
11
base : string ;
@@ -18,6 +19,7 @@ export interface FlowbiteTablePaginationTheme {
18
19
previous : string ;
19
20
pageNo : string ;
20
21
next : string ;
22
+ active : FlowbiteBoolean ;
21
23
} ;
22
24
}
23
25
@@ -97,7 +99,7 @@ export const TablePagination = forwardRef<HTMLDivElement, TablePaginationProps>(
97
99
< button
98
100
onClick = { ( ) => directPageChange ( index ) }
99
101
key = { index }
100
- className = { twMerge ( theme . page . pageNo , index === page ? "bg-blue-50 text-blue-600 " : "" ) }
102
+ className = { twMerge ( theme . page . pageNo , theme . page . active [ index === page ? "on " : "off" ] ) }
101
103
>
102
104
{ pgNumber }
103
105
</ button >
Original file line number Diff line number Diff line change @@ -38,6 +38,10 @@ export const tableTheme: FlowbiteTableTheme = createTheme({
38
38
"flex h-8 items-center justify-center border border-gray-300 bg-white px-3 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white" ,
39
39
previous :
40
40
"ms-0 flex h-8 items-center justify-center rounded-s-lg border border-gray-300 bg-white px-3 leading-tight text-gray-500 hover:bg-gray-100 hover:text-gray-700 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white" ,
41
+ active : {
42
+ off : "" ,
43
+ on : "bg-blue-50 text-blue-600 hover:bg-blue-100 hover:text-blue-700 dark:bg-gray-700 dark:text-white" ,
44
+ } ,
41
45
} ,
42
46
} ,
43
47
} ) ;
You can’t perform that action at this time.
0 commit comments