mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
4a5ed3c3e7
* feat: add filtering capabilities to search Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com> * fix: state custom filter * fix: undefined search crash * feat: add suggestions component * make search visible all the time * fix: update snaps * refactor, add tests, filterParsing, pass down searchContext to search components Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com> * refactor: TableSearchFieldSuggestions and improvements * some cleanup and fix edge cases * adapt new search in project feature toggles * small ui/ux improvements * refactor: suggestions into smaller components * fix: update snaps * add responsiveness to the search * fix: update snaps Co-authored-by: Fredrik Strand Oseberg <fredrik.no@gmail.com>
32 lines
766 B
TypeScript
32 lines
766 B
TypeScript
import { makeStyles } from 'tss-react/mui';
|
|
|
|
export const useStyles = makeStyles()(theme => ({
|
|
headerContainer: {
|
|
display: 'flex',
|
|
flexDirection: 'column',
|
|
},
|
|
topContainer: {
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
position: 'relative',
|
|
},
|
|
header: {
|
|
overflow: 'hidden',
|
|
textOverflow: 'ellipsis',
|
|
whiteSpace: 'nowrap',
|
|
marginRight: theme.spacing(2),
|
|
},
|
|
headerTitle: {
|
|
fontSize: theme.fontSizes.mainHeader,
|
|
fontWeight: 'normal',
|
|
},
|
|
headerActions: {
|
|
display: 'flex',
|
|
flexGrow: 1,
|
|
justifyContent: 'flex-end',
|
|
alignItems: 'center',
|
|
gap: theme.spacing(1),
|
|
},
|
|
}));
|