status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-28 02:50:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: search and filter structure

Browse Source
This commit is contained in:
RadoslavDimchev 2023-11-10 22:19:44 +02:00
parent 584fd9679f
commit ec69bd6594
2 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/ValidatorManagement/ManagementTable/ManagementTable.tsx
View File

@ -67,16 +67,16 @@ const ManagementTable = () => {
return (
<YStack>
<XStack justifyContent="space-between">
<XStack space={'$3'} justifyContent="space-between" alignItems="center">
<SearchManagement searchValue={searchValue} changeSearchValue={changeSearchValue} />
<Stack style={{ position: 'relative', display: 'inline-block' }}>
<Stack style={{ position: 'relative', display: 'flex', alignItems: 'center' }}>
<SortIcon
size={20}
color="#647084"
style={{
border: '1px solid #DCE0E5',
borderRadius: '10px',
padding: '6px',
padding: '8px',
cursor: 'pointer',
}}
/>

2
src/pages/ValidatorManagement/ManagementTable/SearchManagement.tsx
View File

@ -8,6 +8,7 @@ type SearchManagementProps = {
const SearchManagement = ({ searchValue, changeSearchValue }: SearchManagementProps) => {
return (
<div style={{width: '100%'}} >
<Input
placeholder="Filter Validators"
value={searchValue}
@ -16,6 +17,7 @@ const SearchManagement = ({ searchValue, changeSearchValue }: SearchManagementPr
onClear={() => changeSearchValue('')}
size={40}
/>
</div>
)
}