浏览代码

Fixing some styling on the round timer

Kirk Trombley 5 年之前
父节点
当前提交
10e4ec03b4
共有 1 个文件被更改,包括 2 次插入1 次删除
  1. 2 1
      ui/src/components/round-timer.component.jsx

+ 2 - 1
ui/src/components/round-timer.component.jsx

@@ -33,8 +33,9 @@ class RoundTimer extends React.Component {
   
   
   render() {
   render() {
     const { remaining } = this.state;
     const { remaining } = this.state;
+    const { style } = this.props;
     return (
     return (
-      <div>
+      <div style={{ display: "flex", justifyContent: "center", ...style }}>
         {remaining > 0 ? <p>Time: {ms(remaining * 1000)}</p> : <p>Time's up!</p>}
         {remaining > 0 ? <p>Time: {ms(remaining * 1000)}</p> : <p>Time's up!</p>}
       </div>
       </div>
     );
     );