[Cloud Posture] update styles for rules table (#145335)

This commit is contained in:
Or Ouziel 2022-11-16 15:34:08 +02:00 committed by GitHub
parent 86efac3632
commit f90072df0c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions

View file

@ -95,7 +95,7 @@ export const RulesContainer = () => {
return (
<div data-test-subj={TEST_SUBJECTS.CSP_RULES_CONTAINER}>
<EuiPanel hasBorder hasShadow={false}>
<EuiPanel hasBorder={false} hasShadow={false}>
<RulesTableHeader
search={(value) => setRulesQuery((currentQuery) => ({ ...currentQuery, search: value }))}
searchValue={rulesQuery.search}

View file

@ -53,15 +53,16 @@ const SearchField = ({
useDebounce(() => search(localValue), SEARCH_DEBOUNCE_MS, [localValue]);
return (
<EuiFlexItem grow={true} style={{ alignItems: 'flex-end' }}>
<EuiFlexItem grow={true} style={{ alignItems: 'flex-end', maxWidth: 500 }}>
<EuiFieldSearch
isLoading={isSearching}
placeholder={i18n.translate('xpack.csp.rules.rulesTable.searchPlaceholder', {
defaultMessage: 'Search',
defaultMessage: 'Search by rule name',
})}
value={localValue}
onChange={(e) => setLocalValue(e.target.value)}
style={{ minWidth: 150 }}
fullWidth
/>
</EuiFlexItem>
);