diff options
| author | crupest <crupest@outlook.com> | 2021-04-15 18:02:11 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-04-15 18:02:11 +0800 |
| commit | 00bb40759f7c557f9237b730a949c8c12ef64d59 (patch) | |
| tree | 8869d2814878096e1b979560b0d8826c7b86adeb /FrontEnd | |
| parent | e3e927eac2528281f193d3a0a61cbd35e4d8b724 (diff) | |
| download | timeline-00bb40759f7c557f9237b730a949c8c12ef64d59.tar.gz timeline-00bb40759f7c557f9237b730a949c8c12ef64d59.tar.bz2 timeline-00bb40759f7c557f9237b730a949c8c12ef64d59.zip | |
...
Diffstat (limited to 'FrontEnd')
| -rw-r--r-- | FrontEnd/src/app/views/home-v2/index.tsx | 47 |
1 files changed, 25 insertions, 22 deletions
diff --git a/FrontEnd/src/app/views/home-v2/index.tsx b/FrontEnd/src/app/views/home-v2/index.tsx index d0013f1b..c92db78e 100644 --- a/FrontEnd/src/app/views/home-v2/index.tsx +++ b/FrontEnd/src/app/views/home-v2/index.tsx @@ -1,7 +1,7 @@ import React from "react"; import { useHistory } from "react-router"; import { useTranslation } from "react-i18next"; -import { Container, Button } from "react-bootstrap"; +import { Container, Button, Row, Col } from "react-bootstrap"; import { useUser } from "@/services/user"; import SearchInput from "../common/SearchInput"; @@ -22,27 +22,30 @@ const HomeV2: React.FC = () => { return ( <> - <Container className="px-0"> - <SearchInput - className="my-3 mx-3" - value={navText} - onChange={setNavText} - onButtonClick={() => { - history.push(`search?q=${navText}`); - }} - additionalButton={ - user != null && ( - <Button - variant="outline-success" - onClick={() => { - setDialog("create"); - }} - > - {t("home.createButton")} - </Button> - ) - } - /> + <Container fluid className="px-0"> + <Row className="my-3 px-2 justify-content-end"> + <Col xs="auto"> + <SearchInput + value={navText} + onChange={setNavText} + onButtonClick={() => { + history.push(`search?q=${navText}`); + }} + additionalButton={ + user != null && ( + <Button + variant="outline-success" + onClick={() => { + setDialog("create"); + }} + > + {t("home.createButton")} + </Button> + ) + } + /> + </Col> + </Row> <TimelineListView headerText="home.loadingHighlightTimelines" /> </Container> {dialog === "create" && ( |