diff options
| author | crupest <crupest@outlook.com> | 2020-11-11 23:48:57 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-11-11 23:48:57 +0800 |
| commit | 5b78017e93450342c85a0e7f5ed16bbb6ae8422e (patch) | |
| tree | fcad013650827de9cec4ec6c033c67d2bf4b50d2 /FrontEnd/src | |
| parent | 5c85b13e03399a8b639390d88f72fa090ba4d17b (diff) | |
| download | timeline-5b78017e93450342c85a0e7f5ed16bbb6ae8422e.tar.gz timeline-5b78017e93450342c85a0e7f5ed16bbb6ae8422e.tar.bz2 timeline-5b78017e93450342c85a0e7f5ed16bbb6ae8422e.zip | |
fix: Bug in search input and layout in timeline member.
Diffstat (limited to 'FrontEnd/src')
| -rw-r--r-- | FrontEnd/src/app/views/common/SearchInput.tsx | 1 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelineMember.tsx | 5 |
2 files changed, 4 insertions, 2 deletions
diff --git a/FrontEnd/src/app/views/common/SearchInput.tsx b/FrontEnd/src/app/views/common/SearchInput.tsx index 1373bd68..eb127fcf 100644 --- a/FrontEnd/src/app/views/common/SearchInput.tsx +++ b/FrontEnd/src/app/views/common/SearchInput.tsx @@ -30,6 +30,7 @@ const SearchInput: React.FC<SearchInputProps> = (props) => { (event: React.KeyboardEvent<HTMLInputElement>): void => { if (event.key === "Enter") { onButtonClick(); + event.preventDefault(); } }, [onButtonClick] diff --git a/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx b/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx index 67a8543a..089d11a0 100644 --- a/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx +++ b/FrontEnd/src/app/views/timeline-common/TimelineMember.tsx @@ -84,8 +84,8 @@ const TimelineMember: React.FC<TimelineMemberProps> = (props) => { const members = props.members; return ( - <Container className="px-4"> - <ListGroup className="my-3"> + <Container className="px-4 py-3"> + <ListGroup> {members.map((member, index) => ( <TimelineMemberItem key={member.username} @@ -101,6 +101,7 @@ const TimelineMember: React.FC<TimelineMemberProps> = (props) => { return ( <> <SearchInput + className="mt-3" value={userSearchText} onChange={(v) => { setUserSearchText(v); |