aboutsummaryrefslogtreecommitdiff
path: root/Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx
diff options
context:
space:
mode:
authorcrupest <crupest@outlook.com>2020-10-01 23:23:24 +0800
committercrupest <crupest@outlook.com>2020-10-01 23:23:24 +0800
commit6f0bbfd56758af305c9dcbb9e4b2b09b8e207ece (patch)
tree98d10d116cac292fbbe34771be3ddea8818e17d8 /Timeline/ClientApp/src/app/views/timeline-common/TimelineTop.tsx
parent2cd5c4119ea7b2b4062705b08aca00ae4f288cb8 (diff)
downloadtimeline-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.tsx18
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;