improve new game form
This commit is contained in:
@@ -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}
|
||||
|
||||
@@ -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',
|
||||
|
||||
Reference in New Issue
Block a user