community/device-mgt-core
1
0
Fork 0
mirror of https://repository.entgra.net/community/device-mgt-core.git synced 2025-10-06 02:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make layout responsive

Browse Source
This commit is contained in:
Jayasanka 2019-05-22 17:44:55 +05:30
parent c99d572317
commit 64747a8c26
2 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css
View File

@ -10,6 +10,11 @@
width: 100%; width: 100%;
border-radius: 100%; border-radius: 100%;
} }
.release .release-title{
margin-left: 15px;
}
.release .release-screenshot img{ .release .release-screenshot img{
width: 100%; width: 100%;
border-radius: 15px; border-radius: 15px;

19
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/ReleaseView.js vendored
View File

@ -1,5 +1,5 @@
import React from "react"; import React from "react";
import {Avatar, Row, Col, Typography} from "antd"; import {Avatar, Row, Col, Typography, Button} from "antd";
import "../../../App.css"; import "../../../App.css";
const {Title, Text} = Typography; const {Title, Text} = Typography;
@ -11,13 +11,22 @@ class ReleaseView extends React.Component {
return ( return (
<div className="release"> <div className="release">
<Row> <Row>
<Col md={4} sm={6} xs={8} className="release-icon"> <Col xl={4} sm={6} xs={8} className="release-icon">
<img src={release.iconPath}/> <img src={release.iconPath} alt="icon"/>
</Col> </Col>
<Col md={18} sm={12}> <Col xl={10} sm={11} className="release-title">
<Title level={2}>App Name</Title> <Title level={2}>App Name</Title>
<Text>{release.version}</Text><br/> <Text>{release.version}</Text><br/>
<Text type="secondary">{release.description}</Text> <Text type="secondary">{release.description}</Text><br/>
</Col>
<Col xl={8} md={10} sm={24} xs={24} style={{float: "right"}}>
<div>
<Button.Group style={{float: "right"}}>
<Button htmlType="button" icon="shop">Open in store</Button>
<Button htmlType="button" type="primary" icon="edit">edit</Button>
</Button.Group>
</div>
</Col> </Col>
</Row> </Row>
<br/> <br/>