Ratstail91/kingdombattles
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Tweaked buttons

Browse Source
This commit is contained in:
Kayne Ruse
2019-06-11 20:49:50 +10:00
parent 7a0877020c
commit cb67a69a8e
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/styles/shared.css
-1
View File
@@ -281,7 +281,6 @@ footer {
.table.noCollapse .row, .table .row.noCollapse { .table.noCollapse .row, .table .row.noCollapse {
flex-direction: row; flex-direction: row;
border-style: none;
} }
/* mobile control */ /* mobile control */
src/components/pages/profile.jsx
+6 -6
View File
@@ -162,24 +162,24 @@ class Profile extends React.Component {
<p className='col truncate'>Soldiers:</p> <p className='col truncate'>Soldiers:</p>
<p className='col mobile half truncate'>{this.props.profile.soldiers}</p> <p className='col mobile half truncate'>{this.props.profile.soldiers}</p>
<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'soldier'}) }>Train Soldier (100 gold)</button> <button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'soldier'}) }>+Soldier (100g)</button>
<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'soldier'}) }>Untrain Soldier</button> <button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain a soldier? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'soldier'}) }>Untrain</button>
</div> </div>
<div className='row'> <div className='row'>
<p className='col truncate'>Scientists:</p> <p className='col truncate'>Scientists:</p>
<p className='col mobile half truncate'>{this.props.profile.scientists}</p> <p className='col mobile half truncate'>{this.props.profile.scientists}</p>
<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'scientist'}) }>Train Scientist (120 gold)</button> <button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'scientist'}) }>+Scientist (120g)</button>
<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'scientist'}) }>Untrain Scientist</button> <button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain a scientist? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'scientist'}) }>Untrain</button>
</div> </div>
<div className='row'> <div className='row'>
<p className='col truncate'>Spies:</p> <p className='col truncate'>Spies:</p>
<p className='col mobile half truncate'>{this.props.profile.spies}</p> <p className='col mobile half truncate'>{this.props.profile.spies}</p>
<button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'spy'}) }>Train Spy (300 gold)</button> <button className='col truncate' onClick={ () => this.sendRequest('/trainrequest', {role: 'spy'}) }>+Spy (300g)</button>
<button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'spy'}) }>Untrain Spy</button> <button className='col truncate' onClick={ () => window.confirm('Are you sure you want to untrain a spy? (you won\'t get your gold back!)') && this.sendRequest('/untrainrequest', {role: 'spy'}) }>Untrain</button>
</div> </div>
</div> </div>