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 16:06:14 +05:30
parent cdca1900cf
commit c99d572317
3 changed files with 22 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,10 +19,21 @@
.logo { .logo {
width: 120px; width: 120px;
height: 31px; height: 31px;
margin: 16px 0 16px 20px; margin: 0 0 16px 20px;
float: left; float: left;
} }
.logo img{ .logo img{
height: 35px; height: 35px;
} }
.main-container{
background: #f0f2f5;
min-height: 780px
}
@media only screen and (min-width: 768px) {
.main-container{
padding: 24px;
}
}

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

@ -11,10 +11,10 @@ class ReleaseView extends React.Component {
return ( return (
<div className="release"> <div className="release">
<Row> <Row>
<Col span={4} className="release-icon"> <Col md={4} sm={6} xs={8} className="release-icon">
<img src={release.iconPath}/> <img src={release.iconPath}/>
</Col> </Col>
<Col span={18}> <Col md={18} sm={12}>
<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>
@ -22,13 +22,13 @@ class ReleaseView extends React.Component {
</Row> </Row>
<br/> <br/>
<Row> <Row>
<Col span={6} className="release-screenshot"> <Col lg={6} md={8} xs={8} className="release-screenshot">
<img src={release.screenshotPath1}/> <img src={release.screenshotPath1}/>
</Col> </Col>
<Col span={6} className="release-screenshot"> <Col lg={6} md={8} xs={8} className="release-screenshot">
<img src={release.screenshotPath2}/> <img src={release.screenshotPath2}/>
</Col> </Col>
<Col span={6} className="release-screenshot"> <Col lg={6} md={8} xs={8} className="release-screenshot">
<img src={release.screenshotPath3}/> <img src={release.screenshotPath3}/>
</Col> </Col>
</Row> </Row>

11
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/release/Release.js vendored
View File

@ -1,4 +1,5 @@
import React from "react"; import React from "react";
import '../../../../App.css';
import {PageHeader, Typography, Input, Button, Row, Col, Avatar, Card} from "antd"; import {PageHeader, Typography, Input, Button, Row, Col, Avatar, Card} from "antd";
import {connect} from "react-redux"; import {connect} from "react-redux";
import ReleaseView from "../../../../components/apps/release/ReleaseView"; import ReleaseView from "../../../../components/apps/release/ReleaseView";
@ -62,17 +63,15 @@ class ConnectedRelease extends React.Component {
<PageHeader <PageHeader
breadcrumb={{routes}} breadcrumb={{routes}}
/> />
<div style={{background: '#f0f2f5', padding: 24, minHeight: 780}}> <div className="main-container">
<Row style={{padding: 10}}> <Row style={{padding: 10}}>
<Col span={16}> <Col lg={16} md={24} style={{padding: 3}}>
<Card> <Card>
<ReleaseView release={release}/> <ReleaseView release={release}/>
</Card> </Card>
</Col> </Col>
</Row> <Col lg={8} md={24} style={{padding: 3}}>
<Row style={{padding: 10}}> <Card lg={8} md={24}>
<Col>
<Card>
<LifeCycle currentStatus={release.currentStatus.toUpperCase()}/> <LifeCycle currentStatus={release.currentStatus.toUpperCase()}/>
</Card> </Card>
</Col> </Col>