improve new game form

This commit is contained in:
ntr
2019-05-02 13:26:49 +10:00
parent 4758ae1987
commit 85a1cfe6b8
5 changed files with 56 additions and 30 deletions
+23 -21
View File
@@ -55,27 +55,29 @@ class InstanceCreateForm extends Component {
const classes = `create-form ${disabled ? 'disabled' : ''}`;
return (
<div className={classes}>
<label>instance name</label>
<input
className="login-input"
type="text"
disabled={disabled}
value={this.state.name}
placeholder="name"
onChange={this.nameChange}
/>
<label htmlFor="playerSelect">players</label>
<select id="playerSelect"
disabled={disabled}
value={this.state.players}
onChange={this.playersChange}
>
<option value={1}>pve</option>
<option value={2}>2</option>
<option value={4}>4</option>
<option value={8}>8</option>
<option value={16}>16</option>
</select>
<form>
<label>instance name</label>
<input
className="login-input"
type="text"
disabled={disabled}
value={this.state.name}
placeholder="name"
onChange={this.nameChange}
/>
<label htmlFor="playerSelect">players</label>
<select id="playerSelect"
disabled={disabled}
value={this.state.players}
onChange={this.playersChange}
>
<option value={1}>pve</option>
<option value={2}>2</option>
<option value={4}>4</option>
<option value={8}>8</option>
<option value={16}>16</option>
</select>
</form>
<button
onClick={this.handleSubmit}
disabled={disabled}
+1 -1
View File
@@ -26,7 +26,7 @@ function registerEvents(store) {
targets: 'img',
translateX: () => anime.random(-20, 20),
translateY: () => anime.random(-20, 20),
rotate: () => anime.random(-90, 90),
rotate: () => anime.random(-35, 35),
duration: () => anime.random(5000, 6000),
direction: 'alternate',
easing: 'linear',