diff options
| author | crupest <crupest@outlook.com> | 2021-02-15 01:27:26 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2021-02-15 01:27:26 +0800 |
| commit | b4b99591a3483a817551e3f2c99b282470984c2f (patch) | |
| tree | a9f92c5104d67d0bd0c919320cecc64ed0d0da4e | |
| parent | 19265fb44fe0970e0a6c9afe8f2b48571aee9e75 (diff) | |
| download | timeline-b4b99591a3483a817551e3f2c99b282470984c2f.tar.gz timeline-b4b99591a3483a817551e3f2c99b282470984c2f.tar.bz2 timeline-b4b99591a3483a817551e3f2c99b282470984c2f.zip | |
feat: Use container to set width of timeline page.
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx index 3087c20e..62204ca8 100644 --- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx +++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplate.tsx @@ -1,6 +1,6 @@ import React from "react"; import { useTranslation } from "react-i18next"; -import { Spinner } from "react-bootstrap"; +import { Container, Spinner } from "react-bootstrap"; import { HttpNetworkError, HttpNotFoundError } from "@/http/common"; import { @@ -143,8 +143,8 @@ const TimelinePageTemplate: React.FC<TimelinePageTemplateProps> = (props) => { toggleCollapse={toggleCardCollapse} onReload={onReload} /> - <div - className="timeline-container" + <Container + className="px-0" style={{ minHeight: `calc(100vh - ${56 + bottomSpaceHeight}px)`, }} @@ -157,7 +157,7 @@ const TimelinePageTemplate: React.FC<TimelinePageTemplateProps> = (props) => { additionalPosts={newPosts} onLoad={scrollToBottom} /> - </div> + </Container> {timeline.postable ? ( <> <div |