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 | 4c699e69b388f069c5989f63f3dd180eca2f1438 (patch) | |
| tree | b118b6f333185443e4d150552e21c06d0680c2c1 /Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx | |
| parent | d8245fa9703c532dac85980f0c25cae0a1f9e0dc (diff) | |
| download | timeline-4c699e69b388f069c5989f63f3dd180eca2f1438.tar.gz timeline-4c699e69b388f069c5989f63f3dd180eca2f1438.tar.bz2 timeline-4c699e69b388f069c5989f63f3dd180eca2f1438.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> |