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 | 0c789f235f38aa238048b31b9715810d397d3420 (patch) | |
| tree | 04b1d02d5f22f83afb8f1819a16ed300ea23470a | |
| parent | 6281ccaee525300c5aa303404584b8ce489ebeb2 (diff) | |
| download | timeline-0c789f235f38aa238048b31b9715810d397d3420.tar.gz timeline-0c789f235f38aa238048b31b9715810d397d3420.tar.bz2 timeline-0c789f235f38aa238048b31b9715810d397d3420.zip | |
fix: Bug in search input and layout in timeline member.
| -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); |