u88803494

.nav {
  display: flex;
  padding: 0 10px;
  background: aqua;
  height: 65px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0.9;

u88803494

.game {
  margin: 10px auto;
  padding: 20px;
}

.game__info {
  text-align: center;
}

.game__state {

u88803494

import React from 'react';
import { boardSize } from './App';

const RenderPieces = ({ pieces, handleMove, movement }) => (
  <div className="game__pieces">
    <div className={`game__pieces--${pieces}`}
      onClick={() => handleMove(movement)} />
  </div>
)

u88803494

body {
  font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.todolist__done {
  margin-top: 0.5rem;
}

.todolist__content {
  font-size: 19px;

u88803494

.App {
  text-align: center;
}

.job {
  border: 1px solid grey;
  width: 60%;
  margin: auto;
  padding: 10px 0;
  position: relative;

u88803494

import React from 'react';
import './App.css';

class Jobs extends React.Component {
  constructor(props) {
    super(props)
  }

  render() {
    const { job } = this.props

u88803494

.App {
  text-align: center;
}

.job {
  border: 1px solid grey;
  width: 60%;
  margin: auto;
  padding: 10px 0;
}

u88803494

import React from 'react';
import './App.css';

const CheckBox = ({ value, label, checked, onChange, onBlur }) => (
  <span>
    <input
      type="checkbox"
      value={value}
      name="time"
      checked={checked}

u88803494

import React from 'react';
import './App.css';

const CheckBox = ({ value, label, checked, onChange }) => (
  <span>
    <input
      type="checkbox"
      value={value}
      name="time"
      checked={checked}

u88803494

import React from 'react';
import './App.css';

const CheckBox = ({ value, label, checked, onChange }) => {
  <span>
    <input
      type="checkbox"
      value={value}
      name="time"
      checked={checked}