'Antd Sidebar Height Responsive in ReactJs

So I am working with antd Sider and Menu trying to create a Sidebar with responsive height. I have researched alot of it and tries some solutions but none of them worked. Solutions I have tried: setting minHieght of sider to 100vh setting minHieght of layout to 100vh using percentages to define height in above cases also tried to give menu height of 100vh

I have attached Screenshots for the code Current View of sidebar,Sidebas.js, Sidebar.scss, Page I want to call this component

Current View

Sidebr.js

Sidebar.scss

File in which component is called



Solution 1:[1]

You should get this class names for your changes.

ant-menu ant-menu-root 

enter image description here

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 BIRKAN