PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'develop' of gitlab.com:empatnusabangsa/ppob/ppob-frontend into develop

Browse Source
This commit is contained in:
rarsyansyahr 2021-12-16 16:52:55 +07:00
commit 06eb607c7a
1 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/pages/Profile/Profile.js
View File

@ -50,13 +50,23 @@ export const Profile = observer(() => {
}, },
] ]
const styleSaldoTitle = store.ui.mediaQuery.isDesktop ? {
display: "flex",
justifyContent: "center"
} : {fontSize: "0.75rem"};
const styleSaldoContent = store.ui.mediaQuery.isDesktop ? {
fontSize: '1.25rem',
display: "flex",
justifyContent: "center"
} : null;
return ( return (
<div className={["ppob-container"].join(" ")}> <div className={["ppob-container"].join(" ")}>
<BreadcumbComponent data={routeData}/> <BreadcumbComponent data={routeData}/>
<Card> <Card>
<Title strong>Profile</Title> <Title strong>Profile</Title>
<Row style={{marginBottom: 20}}> <Row style={{marginBottom: 20}}>
<Col span={12}> <Col lg={12} xs={24}>
<Row> <Row>
<Col span={12}> <Col span={12}>
<Text strong>Name</Text> <Text strong>Name</Text>
@ -90,11 +100,15 @@ export const Profile = observer(() => {
</Col> </Col>
</Row> </Row>
</Col> </Col>
<Col span={12}> <Col lg={12} xs={24}>
<div style={{display: 'flex', flexDirection: 'column', alignItems: 'center'}}> <Row justify={"center"}>
<Title strong level={3}>Saldo</Title> <Col lg={24} xs={12}>
<Text style={{fontSize: '1.25rem'}}>{store.authentication.profileData?.wallet}</Text> <Title strong level={3} style={styleSaldoTitle}>Saldo</Title>
</div> </Col>
<Col lg={24} xs={12}>
<Text style={styleSaldoContent}>{store.authentication.profileData?.wallet}</Text>
</Col>
</Row>
</Col> </Col>
</Row> </Row>
<Row> <Row>