text: import React from "react";
  
  const navBarHeight = 50;
  const divider = 5;
  const title = 45;
  const contentHeight = window.innerHeight - 50;
  
  export default {
    screen: {
      height: "100vh",
      minHeight: "100vh"
    },
    navbar: {
      height: "50px"
    },
    container: {
      padding: "50px 0 0 0",
      backgroundColor: "#fff",
      height: window.innerHeight + 14
    },
  
    AboutDialog: {
      fontFamily: "PingFang-SC-Regular",
      width: "600px"
    },
    aboutLogoContainer: {
      textAlign: "center"
    },
    aboutLogo: {
      width: "300px"
    },
    aboutVersionInfo: {
      marginTop: "45px",
      fontFamily: "PingFang-SC-Bold",
      fontSize: 12
    },
    logoNavbar: {
      height: "45px"
    },
    leftSection: {
      backgroundColor: "#2c353c",
      height: contentHeight,
      borderRight: "1px solid #999",
      paddingRight: "0px"
    },
    mainSection: {
      height: contentHeight,
      paddingLeft: "3rem",
      paddingRight: "2rem"
    },
    rightSection: {
      backgroundColor: "#fff",
      height: contentHeight
    },
    sideBarTop: {
      height: contentHeight * 0.1
    },
    sidebarMenuTitle: {
      fontFamily: "PingFang-SC-Regular",
      fontSize: 16,
      color: "#24282b",
      margin: "25px 25px 25px 25px"
    },
    sidebarMenu: {
      fontFamily: "PingFang-SC-Regular",
      fontSize: 18,
      color: "#fff",
      margin: "5px 0px 0px 25px"
    },
    sidebarMenuButton: {
      color: "#fff"
    },
    mainSectionTitleContainer: {
      height: contentHeight * 0.05,
      marginLeft: "1rem",
      marginRight: "1rem"
    },
    mainSectionTitle: {
      fontFamily: "PingFang-SC-Regular",
      fontSize: 24
    },
    mainSectionTitleIcon: {
      color: "#182026",
      marginRight: "10px",
      marginTop: contentHeight * 0.075
    },
    mainSectionContentContainer: {},
    mainSectionContent: {
      height: contentHeight * 0.8
    },
    mainSectionSideBar: {
      height: contentHeight * 0.8,
      margin: "-1.5rem 0 0 -0.5rem",
      borderRight: "1px solid #999"
    },
    mainSectionWorkArea: {
      height: contentHeight * 0.8,
      margin: "-1.5rem -1rem -1rem 1rem"
    },
    mainSectionSideBarMenuTitle: {
      fontFamily: "PingFang-SC-Regular",
      fontSize: 16,
      margin: "50px 25px 25px 10px"
    },
    mainSectionSideBarMenu: {
      fontFamily: "PingFang-SC-Regular",
      fontSize: 16,
      margin: "10px 0px 0px 0px"
    },
    mainSectionSideBarMenuButton: {
      fontSize: 16
    },
    workAreaMain: {
      height: contentHeight,
      backgroundColor: "#fff"
    },
    workAreaMainTop: {
      height: contentHeight * 0.3,
      paddingLeft: "1rem",
      paddingRight: "2rem"
    },
    workAreaMainTop1: {
      height: contentHeight * 0.1
    },
    workAreaMainTop2: {
      height: contentHeight * 0.4
    },
    workAreaMainTable: {
      height: contentHeight * 0.5,
      paddingLeft: "1rem",
      paddingRight: "2rem"
    },
    workAreaAction: {
      margin: "0 0 0 -0.5rem",
      height: contentHeight * 0.1
    },
    projectContainer: {
      textAlign: "center"
    },
    projectContainerSelected: {
      width: "100%",
      height: "100%",
      borderRadius: 5,
      backgroundColor: "rgba(0,0,0,0.2)",
      zIndex: 2
    },
    docIcon: {
      width: "100px",
      height: "100px"
    },
    projectTitle: {
      fontFamily: "PingFang-SC-Bold",
      fontSize: 16
    },
    projectDesc: {
      fontFamily: "PingFang-SC-Regular",
      fontSize: 16
    },
    createNewProjectButtonContainer: {
      textAlign: "right"
    },
    tabContent: {
      backgroundColor: "#fff",
      height: contentHeight - 43,
      maxHeight: contentHeight - 43,
      fontFamily: "PingFang-SC-Regular",
      color: "#182026",
      fontSize: 16,
      padding: "15px 15px",
      overflow: "auto"
    },
    consoleContainer: {
      padding: 0
    },
    consoleOutPut: {
      height: contentHeight * 0.25,
      margin: 0,
      overflow: "auto"
    },
    workAreaTitle: {
      paddingTop: "1rem",
      paddingBottom: "1rem",
      fontFamily: "PingFang-SC-Regular",
      color: "#182026",
      fontSize: 30
    },
    dataTable: {}
  };
  