From 9a15cf199f63a18da9f8e2e49a7e201118bb6f3f Mon Sep 17 00:00:00 2001 From: pooja2299 Date: Fri, 9 Apr 2021 19:35:18 +0530 Subject: [PATCH 1/3] Improved responsiveness of navbar --- frontend/src/components/Header/Header.jsx | 19 +- .../src/components/Header/header.module.scss | 186 ++- frontend/yarn.lock | 1313 ++++++++++++++--- yarn.lock | 4 + 4 files changed, 1172 insertions(+), 350 deletions(-) create mode 100644 yarn.lock diff --git a/frontend/src/components/Header/Header.jsx b/frontend/src/components/Header/Header.jsx index 8927a665..0fb7ab4b 100644 --- a/frontend/src/components/Header/Header.jsx +++ b/frontend/src/components/Header/Header.jsx @@ -12,20 +12,22 @@ export class Header extends Component { constructor(props){ super(props); this.state = { - navHidden: window.innerWidth <= 640?true:false, + navHidden: false, } } showHideNav = () =>{ - this.setState({ - navHidden: this.state.navHidden?false:true, - }) + + this.setState({ + navHidden: this.state.navHidden ?false:true, + }) + } hideNav = () =>{ if(window.innerWidth <= 640){ this.setState({ - navHidden: true, + navHidden: false, }) } } @@ -45,8 +47,9 @@ export class Header extends Component {
-