github
/
portainer
mirror of https://github.com/portainer/portainer
1
0
Fork 0
Code Issues Releases Wiki Activity

feat(ui/datatables): fix filter style

refactor/EE-4337/service-task-datatable
Chaim Lev-Ari 2023-07-30 13:03:08 +02:00
parent ca4130b221
commit 86a848d927
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/react/components/datatables/Filter.tsx
View File

@ -11,7 +11,7 @@ import { Icon } from '@@/Icon';
import { DefaultType } from './types'; import { DefaultType } from './types';
interface MultipleSelectionFilterProps { interface MultipleSelectionFilterProps {
options: string[]; options: Array<string> | ReadonlyArray<string>;
value: string[]; value: string[];
filterKey: string; filterKey: string;
onChange: (value: string[]) => void; onChange: (value: string[]) => void;
@ -30,12 +30,12 @@ export function MultipleSelectionFilter({
<div> <div>
<Menu> <Menu>
<MenuButton <MenuButton
className={clsx('table-filter', { 'filter-active': enabled })} className={clsx('table-filter flex items-center gap-1', {
'filter-active': enabled,
})}
> >
<div className="flex items-center gap-1"> Filter
Filter <Icon icon={enabled ? Check : Filter} />
<Icon icon={enabled ? Check : Filter} />
</div>
</MenuButton> </MenuButton>
<MenuPopover className="dropdown-menu"> <MenuPopover className="dropdown-menu">
<div className="tableMenu"> <div className="tableMenu">