diff options
author | crupest <crupest@outlook.com> | 2020-10-01 23:23:24 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-10-01 23:23:24 +0800 |
commit | 6f0bbfd56758af305c9dcbb9e4b2b09b8e207ece (patch) | |
tree | 98d10d116cac292fbbe34771be3ddea8818e17d8 /Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx | |
parent | 2cd5c4119ea7b2b4062705b08aca00ae4f288cb8 (diff) | |
download | timeline-6f0bbfd56758af305c9dcbb9e4b2b09b8e207ece.tar.gz timeline-6f0bbfd56758af305c9dcbb9e4b2b09b8e207ece.tar.bz2 timeline-6f0bbfd56758af305c9dcbb9e4b2b09b8e207ece.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 | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx b/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx new file mode 100644 index 00000000..a98d3687 --- /dev/null +++ b/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx @@ -0,0 +1,18 @@ +import React from "react"; + +export interface TimelineTopProps { + children: React.ReactElement; +} + +const TimelineTop: React.FC<TimelineTopProps> = ({ children }) => { + return ( + <div className="timeline-top"> + <div className="timeline-line-area"> + <div className="timeline-line-segment"></div> + </div> + {children} + </div> + ); +}; + +export default TimelineTop; |