Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- import { Container, Row, Col } from 'reactstrap';
- const styles = {
- container: {
- },
- right: {
- height: window.innerHeight, // I want to change this
- padding: 0,
- margin: 0,
- overflow: 'hidden',
- backgroundColor: 'yellow'
- },
- left: {
- overflowY: '100%',
- padding: 0,
- height: window.innerHeight,
- paddingBottom: '50px',
- backgroundColor: 'white'
- },
- row: {
- marginBottom: 0
- }
- }
- class MainArea extends Component {
- constructor(){
- super();
- }
- render() {
- return (
- <Container fluid>
- <Row>
- <Col xs="12" sm="4" md="4" lg="3" style={ styles.left }>
- Some text
- </Col>
- <Col xs="12" sm="8" md="8" lg="9" style={ styles.right }>
- Some text
- </Col>
- </Row>
- </Container>
- );
- }
- }
- export default MainArea;
- height: window.innerHeight,
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement