diff options
author | crupest <crupest@outlook.com> | 2020-10-02 00:12:33 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-10-02 00:12:33 +0800 |
commit | 7cefd5566a48a45ef9ecb67b881c7c8312abb08f (patch) | |
tree | 60539040cb8211d5fb1e1dd7d3ad85cf4b6bcbb9 /Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx | |
parent | 6f0bbfd56758af305c9dcbb9e4b2b09b8e207ece (diff) | |
download | timeline-7cefd5566a48a45ef9ecb67b881c7c8312abb08f.tar.gz timeline-7cefd5566a48a45ef9ecb67b881c7c8312abb08f.tar.bz2 timeline-7cefd5566a48a45ef9ecb67b881c7c8312abb08f.zip |
...
Diffstat (limited to 'Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx')
-rw-r--r-- | Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx | 13 |
1 files changed, 8 insertions, 5 deletions
diff --git a/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx b/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx index a98d3687..93a2a32c 100644 --- a/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx +++ b/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx @@ -1,14 +1,17 @@ import React from "react"; export interface TimelineTopProps { - children: React.ReactElement; + height?: number | string; + children?: React.ReactElement; } -const TimelineTop: React.FC<TimelineTopProps> = ({ children }) => { +const TimelineTop: React.FC<TimelineTopProps> = ({ height, children }) => { return ( - <div className="timeline-top"> - <div className="timeline-line-area"> - <div className="timeline-line-segment"></div> + <div style={{ height: height }} className="timeline-top"> + <div className="timeline-line-area-container"> + <div className="timeline-line-area"> + <div className="timeline-line-segment"></div> + </div> </div> {children} </div> |