diff options
Diffstat (limited to 'src')
| -rw-r--r-- | src/Datetime.js | 4 | ||||
| -rw-r--r-- | src/Geshem.js | 8 | ||||
| -rw-r--r-- | src/Slider.js | 20 |
3 files changed, 15 insertions, 17 deletions
diff --git a/src/Datetime.js b/src/Datetime.js index df29ba1..e46a492 100644 --- a/src/Datetime.js +++ b/src/Datetime.js @@ -16,10 +16,10 @@ function DateTime(props) { const time = datetime ? datetime.toFormat("HH:mm") : ""; return ( - <> + <div id="datetime"> <div id="date">{date}</div> <div id="time">{time}</div> - </> + </div> ); } diff --git a/src/Geshem.js b/src/Geshem.js index 2ccaa62..dd64554 100644 --- a/src/Geshem.js +++ b/src/Geshem.js @@ -38,12 +38,8 @@ function Geshem(props) { return ( <> <Map images={images} slider={slider} /> - <div id="datetime"> - <DateTime images={images} slider={slider} /> - </div> - <div id="slider"> - <Slider slider={slider} playback={playback} setSlider={setSlider} /> - </div> + <DateTime images={images} slider={slider} /> + <Slider slider={slider} playback={playback} setSlider={setSlider} /> </> ); } diff --git a/src/Slider.js b/src/Slider.js index ee0c565..c2c68f6 100644 --- a/src/Slider.js +++ b/src/Slider.js @@ -20,15 +20,17 @@ function Slider(props) { }; return ( - <RcSlider - mix={0} - max={props.playback ? 143 : 9} - defaultValue={props.slider} - handleStyle={handleStyle} - railStyle={railStyle} - trackStyle={trackStyle} - onChange={val => props.setSlider(val)} - /> + <div id="slider"> + <RcSlider + mix={0} + max={props.playback ? 143 : 9} + defaultValue={props.slider} + handleStyle={handleStyle} + railStyle={railStyle} + trackStyle={trackStyle} + onChange={val => props.setSlider(val)} + /> + </div> ); } |