diff options
| author | crupest <crupest@outlook.com> | 2023-08-30 00:55:11 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2023-08-30 00:55:11 +0800 |
| commit | eac7cd75a016028d919d7c47e4fb2efa5caacb75 (patch) | |
| tree | 9b265c1b4bd18bc479571cec738211157bfad4f8 | |
| parent | c7e781ffc4b347aa05ce0547a106a01e2fd792f3 (diff) | |
| download | timeline-eac7cd75a016028d919d7c47e4fb2efa5caacb75.tar.gz timeline-eac7cd75a016028d919d7c47e4fb2efa5caacb75.tar.bz2 timeline-eac7cd75a016028d919d7c47e4fb2efa5caacb75.zip | |
Fix #1392.
| -rw-r--r-- | FrontEnd/src/components/SearchInput.css | 4 | ||||
| -rw-r--r-- | FrontEnd/src/components/SearchInput.tsx | 2 | ||||
| -rw-r--r-- | FrontEnd/src/pages/timeline/TimelineCard.tsx | 2 |
3 files changed, 5 insertions, 3 deletions
diff --git a/FrontEnd/src/components/SearchInput.css b/FrontEnd/src/components/SearchInput.css index f0503016..818b2917 100644 --- a/FrontEnd/src/components/SearchInput.css +++ b/FrontEnd/src/components/SearchInput.css @@ -1,8 +1,8 @@ .cru-search-input {
display: flex;
- flex-wrap: wrap;
+ gap: 1em;
}
.cru-search-input-input {
width: 100%;
-}
+}
\ No newline at end of file diff --git a/FrontEnd/src/components/SearchInput.tsx b/FrontEnd/src/components/SearchInput.tsx index 71820bfa..b1de6227 100644 --- a/FrontEnd/src/components/SearchInput.tsx +++ b/FrontEnd/src/components/SearchInput.tsx @@ -27,7 +27,7 @@ export default function SearchInput({ return ( <div className={classNames("cru-search-input", className)}> <input - type="text" + type="search" className="cru-search-input-input" value={value} onChange={(event) => { diff --git a/FrontEnd/src/pages/timeline/TimelineCard.tsx b/FrontEnd/src/pages/timeline/TimelineCard.tsx index 133f1ef4..44dfbf9e 100644 --- a/FrontEnd/src/pages/timeline/TimelineCard.tsx +++ b/FrontEnd/src/pages/timeline/TimelineCard.tsx @@ -75,6 +75,7 @@ export default function TimelineCard(props: TimelinePageCardProps) { {user && ( <IconButton icon={timeline.isBookmark ? "bookmark-fill" : "bookmark"} + color="primary" className="timeline-card-button" onClick={() => { getHttpBookmarkClient() @@ -96,6 +97,7 @@ export default function TimelineCard(props: TimelinePageCardProps) { )} <IconButton icon="people" + color="primary" className="timeline-card-button" onClick={createDialogSwitch("member")} /> |