diff options
| -rw-r--r-- | src/client/views/nodes/Timeline.scss | 19 | ||||
| -rw-r--r-- | src/client/views/nodes/Timeline.tsx | 11 |
2 files changed, 22 insertions, 8 deletions
diff --git a/src/client/views/nodes/Timeline.scss b/src/client/views/nodes/Timeline.scss index 14e5f160b..d2055c946 100644 --- a/src/client/views/nodes/Timeline.scss +++ b/src/client/views/nodes/Timeline.scss @@ -1,5 +1,5 @@ .timeline-container { - height: 90px; + height: 100px; width: 500px; background-color: rgb(160, 226, 243); position: absolute; @@ -8,13 +8,21 @@ font-size: 75%; .timeline { - height: 50px; + height: 60px; width: 500px; bottom: 0px; background-color: grey; position: absolute; } + .inner { + height: 44px; + width: 484px; + background-color: black; + position: absolute; + margin: 8px; + } + button { height: 30px; width: 100px; @@ -22,4 +30,11 @@ position: relative; margin: 5px; } + + input { + height: 30px; + width: 100px; + font-size: 1em; + margin: 5px; + } }
\ No newline at end of file diff --git a/src/client/views/nodes/Timeline.tsx b/src/client/views/nodes/Timeline.tsx index 3bd549ccc..86df33749 100644 --- a/src/client/views/nodes/Timeline.tsx +++ b/src/client/views/nodes/Timeline.tsx @@ -5,21 +5,20 @@ import { observable } from "mobx" import { TimelineField } from "../../../fields/TimelineField"; import "./Timeline.scss" - - @observer export class Timeline extends React.Component<TimelineField>{ render() { return ( <div> - <div className="timeline-container"> + <div className="timeline-container"> <div className="timeline"> - - - </div> + <div className="inner"> + </div> + </div> <button>Record</button> <button> Stop </button> + <input placeholder="Time"></input> </div> </div> ) |