Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: make component centered

Browse Source
This commit is contained in:
tsabit ghazwan 2019-01-29 19:26:07 +07:00
parent fbb2cc0a9b
commit 7a5f61029a
1 changed files with 130 additions and 126 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/common/pages/Wallet/index.js
View File

@ -158,14 +158,15 @@ export default class WalletComponent extends React.Component {
}]; }];
return ( return (
<div className="wallet containerMiddle"> <div className="wallet">
<div className="row"> <div className="row">
<div className={"col s10 offset-s1"}>
<div className={"row"}>
<div className="col s12"> <div className="col s12">
<div style={{marginBottom: '16px'}}> <div style={{marginBottom: '16px'}}>
<h3 className="headerMenu">Wallet</h3> <h3 className="headerMenu">Wallet</h3>
</div> </div>
</div> </div>
<div>
<div className="col s6 m6"> <div className="col s6 m6">
<Card className="cardLite row"> <Card className="cardLite row">
<CardTitle titleStyle={{color:'#6772e5'}} title={voucher} subtitle="Voucher"/> <CardTitle titleStyle={{color:'#6772e5'}} title={voucher} subtitle="Voucher"/>
@ -176,7 +177,6 @@ export default class WalletComponent extends React.Component {
<CardTitle titleStyle={{color:'#6772e5'}} title={points} subtitle="Points"/> <CardTitle titleStyle={{color:'#6772e5'}} title={points} subtitle="Points"/>
</Card> </Card>
</div> </div>
</div>
<div className="col s12"> <div className="col s12">
<Card className="cardLite" style={{paddingBottom: 5}}> <Card className="cardLite" style={{paddingBottom: 5}}>
@ -295,8 +295,12 @@ export default class WalletComponent extends React.Component {
</div> </div>
</Card></div> </Card></div>
</div> </div>
</div>
</div>
<ModalTopupComponent onOk={() => this.setModalTopup(false)} onCancel={() => this.setModalTopup(false)} isVisible={this.state.modalTopup} /> <ModalTopupComponent onOk={() => this.setModalTopup(false)} onCancel={() => this.setModalTopup(false)} isVisible={this.state.modalTopup} />
</div> </div>
) )
} }
} }