diff options
| author | crupest <crupest@outlook.com> | 2020-11-11 21:09:59 +0800 |
|---|---|---|
| committer | crupest <crupest@outlook.com> | 2020-11-11 21:09:59 +0800 |
| commit | 0c31e67cf936daf9a4970cc3e4f60382f7baac5b (patch) | |
| tree | d35d547bd88404fd4f1bbe67121c1a7e482a281d | |
| parent | eb75a01f00ff9ba34ef95b9d96e1c4141b3f08fb (diff) | |
| download | timeline-0c31e67cf936daf9a4970cc3e4f60382f7baac5b.tar.gz timeline-0c31e67cf936daf9a4970cc3e4f60382f7baac5b.tar.bz2 timeline-0c31e67cf936daf9a4970cc3e4f60382f7baac5b.zip | |
feat: Set timeline max width.
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/TimelinePageTemplateUI.tsx | 5 | ||||
| -rw-r--r-- | FrontEnd/src/app/views/timeline-common/timeline-common.sass | 17 |
2 files changed, 12 insertions, 10 deletions
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 |