Detail viewer height (#187)

Detail Viewer Height Adjustment
mobiledgex · Mar 26, 2020 · b7b4c65 · b7b4c65
1 parent e1ee618
commit b7b4c65
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/constant.js b/src/constant.js
@@ -18,8 +18,8 @@ export const APP_INST = 'AppInst'
 export const APP = 'App'
 export const YES = 'YES'
 
-export const getHeight = () => {
-    return window.innerHeight - 85
+export const getHeight = (height) => {
+    return window.innerHeight - (height ? height : 85)
 }
 
 export const IPAccessLabel = (id) => {

diff --git a/src/hoc/dataViewer/DetailViewer.js b/src/hoc/dataViewer/DetailViewer.js
@@ -2,6 +2,7 @@ import React from 'react';
 import { Table } from 'semantic-ui-react'
 import ReactJson from 'react-json-view';
 import { Card } from '@material-ui/core';
+import * as constant from '../../constant'
 
 const jsonViewProps = {
     name: null,
@@ -62,7 +63,7 @@ const getRow = (id, item, data) => {
 const MexDetailViewer = (props) => {
     let detailData = props.detailData;
     return (
-        <Card style={{width:'100%', backgroundColor:'transparent', color:'white'}}>
+        <Card style={{width:'100%', backgroundColor:'transparent', color:'white', height:constant.getHeight(155)}}>
             <Table celled style={{ width: '100%', backgroundColor: '#2A2C33', border: 'none'}}>
                 <Table.Header>
                     <Table.Row>