diff --git a/app/components/IClient/styles.css b/app/components/IClient/styles.css index dab9c29..33d0997 100644 --- a/app/components/IClient/styles.css +++ b/app/components/IClient/styles.css @@ -3,3 +3,17 @@ background-color: #00d1b2; color: #333; } + +.withPadding { + padding-top: 30px; +} + +.withoutPadding { + padding-top: 0px; +} + +@media screen and (max-width: 768px) { + .body-primary { + padding-top: 30px; + } +} diff --git a/app/components/NavMenu/NavMenu.js b/app/components/NavMenu/NavMenu.js index c05ba92..625df10 100644 --- a/app/components/NavMenu/NavMenu.js +++ b/app/components/NavMenu/NavMenu.js @@ -7,6 +7,8 @@ class NavMenu extends React.Component constructor(props, context) { super(props, context); this.toggleNavStatus = this.toggleNavStatus.bind(this); + this.isMobile = this.isMobile.bind(this); + this.isNotMobile = this.isNotMobile.bind(this); this.hide = this.hide.bind(this); this.state = { toggleNavStatus: '' @@ -28,17 +30,38 @@ class NavMenu extends React.Component this.setState({toggleNavStatus: isActive}); } + isMobile() { + if (window.screen.width < 768) { + return this.showOfflineInfo(); + } + return ''; + } + + isNotMobile() { + if (window.screen.width > 768) { + return this.showOfflineInfo(); + } + return ''; + } + + showOfflineInfo() { + return ( + + + + ); + } + render() { return (