From c99d5723171c1b5c3ccfdac2153c5abb4a69c266 Mon Sep 17 00:00:00 2001 From: Jayasanka Date: Wed, 22 May 2019 16:06:14 +0530 Subject: [PATCH] Make layout responsive --- .../react-app/src/App.css | 13 ++++++++++++- .../src/components/apps/release/ReleaseView.js | 10 +++++----- .../src/pages/dashboard/apps/release/Release.js | 11 +++++------ 3 files changed, 22 insertions(+), 12 deletions(-) diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css index 8b397c1780..85651a6dea 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/App.css @@ -19,10 +19,21 @@ .logo { width: 120px; height: 31px; - margin: 16px 0 16px 20px; + margin: 0 0 16px 20px; float: left; } .logo img{ height: 35px; +} + +.main-container{ + background: #f0f2f5; + min-height: 780px +} + +@media only screen and (min-width: 768px) { + .main-container{ + padding: 24px; + } } \ No newline at end of file diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/ReleaseView.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/ReleaseView.js index f54a00ce08..b39809417e 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/ReleaseView.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/components/apps/release/ReleaseView.js @@ -11,10 +11,10 @@ class ReleaseView extends React.Component { return (
- + - + App Name {release.version}
{release.description} @@ -22,13 +22,13 @@ class ReleaseView extends React.Component {

- + - + - + diff --git a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/release/Release.js b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/release/Release.js index ebf96e42f1..69e268939b 100644 --- a/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/release/Release.js +++ b/components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/react-app/src/pages/dashboard/apps/release/Release.js @@ -1,4 +1,5 @@ import React from "react"; +import '../../../../App.css'; import {PageHeader, Typography, Input, Button, Row, Col, Avatar, Card} from "antd"; import {connect} from "react-redux"; import ReleaseView from "../../../../components/apps/release/ReleaseView"; @@ -62,17 +63,15 @@ class ConnectedRelease extends React.Component { -
+
- + - - - - + +