From 0c31e67cf936daf9a4970cc3e4f60382f7baac5b Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Wed, 11 Nov 2020 21:09:59 +0800
Subject: feat: Set timeline max width.

---
 .../views/timeline-common/TimelinePageTemplateUI.tsx    |  5 ++++-
 .../src/app/views/timeline-common/timeline-common.sass  | 17 ++++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
index 01561704..3ee7ed67 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx
@@ -146,7 +146,10 @@ export default function TimelinePageTemplateUI<TManageItems>(
     const posts = data?.posts;
 
     body = (
-      <div className="timeline-background">
+      <div
+        className="timeline-container"
+        style={{ minHeight: `calc(100vh - ${56 + bottomSpaceHeight}px)` }}
+      >
         {data != null ? (
           <CardComponent
             className="timeline-template-card"
diff --git a/FrontEnd/src/app/views/timeline-common/timeline-common.sass b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
index 0a03c841..08ae1f09 100644
--- a/FrontEnd/src/app/views/timeline-common/timeline-common.sass
+++ b/FrontEnd/src/app/views/timeline-common/timeline-common.sass
@@ -163,12 +163,11 @@ $timeline-line-color-current: #36c2e6
   right: 0
   margin: 0.5em
 
-.timeline-background
-  position: fixed
-  z-index: -1
-
-  left: 0
-  right: 0
-  top: 0
-  bottom: 0
-  background: #fff1cc
+.timeline-container
+  background: #fff9e9
+  display: flex
+  justify-content: center
+
+  .timeline
+    max-width: 100em
+    flex-grow: 1
\ No newline at end of file
-- 
cgit v1.2.3