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 | 3df6cd5b2682973a17a1c343d7426572e35f17ef (patch) | |
| tree | 008bb0a54d54ba336ad7745d99e57bd3c2d0f83d /FrontEnd/src | |
| parent | 6a4ba658d0a2c08ea9aee7745fa6df7b5fe3c00d (diff) | |
| download | timeline-3df6cd5b2682973a17a1c343d7426572e35f17ef.tar.gz timeline-3df6cd5b2682973a17a1c343d7426572e35f17ef.tar.bz2 timeline-3df6cd5b2682973a17a1c343d7426572e35f17ef.zip | |
...
Diffstat (limited to 'FrontEnd/src')
| -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" && ( |