Module height is fixed

[abhishek-01k]

Issue is resolved now. In Yield Farming the module height is fixed now and also in the channels dashboard page.

[github-actions]

File: src/App.tsx

...



</>
)}

  </AppContextProvider>
</ThemeProvider>

);
}
// CSS STYLE
const HeaderContainer = styled.headerleft: 0; right: 0; width: 100%; position: fixed; top: 0; z-index: 99999;;
const ParentContainer = styled.divflex-wrap: wrap; display: flex; flex-direction: row; justify-content: center; flex: 1; background: ${(props) => props.bg}; background-position: center center; background-size: cover; background-repeat: no-repeat; margin: ${(props) => props.headerHeight}px 0px 0px 0px; min-height: calc(100vh - ${(props) => props.headerHeight}px);;
const LeftBarContainer = styled.divbottom: 0; width: ${(props) => props.leftBarWidth}px; @media (max-width: 992px) { display: none; };
const ContentContainer = styled.divalign-self: center; width: calc(100% - ${(props) => props.leftBarWidth}px); margin: 0px 0px 0px ${(props) => props.leftBarWidth}px;;
const PushLogo = styled.divwidth: 200px; padding-bottom: 20px;;
const ProviderButton = styled.button`
flex: none;
min-width: 179px;
background: ${(props) => props.theme.default.bg};
margin: 20px 15px;
overflow: hidden;
padding: 20px 5px;
align-items: center;
border-radius: 24px;
flex-direction: column;
&:hover {
cursor: pointer;
background: rgba(207, 206, 255, 0.24);
}
...
...
...

All looks good.