Для начала, это может помочь посмотреть это видео, объясняющее, что я хотел бы сделать: https://www.loom.com/share/1447f9a8d5ea44b18d6e39a6ea65c469
С учетом вышесказанного, вот письменное объяснение:
The Ant DesignКомпонент Layout может использоваться для создания переключаемой боковой панели - как показано здесь в документах: https://ant.design/components/layout/#components-layout-demo-custom-trigger
Эта же боковая панель может быть сделана отзывчивой - как показано здесь в документах: https://ant.design/components/layout/#components-layout-demo-responsive
Я соединил эти две функции вместе и создал адаптивную, переключаемую боковую панель. В моей конкретной конфигурации боковая панель уменьшается до 80px, когда становится меньше ширины 1200px.
Все это прекрасно работает.
Теперь я хотел бы установить вторую точку останова (в моем случае md точка останова 768 пикселей). На этой точке останова я хочу, чтобы боковая панель уменьшилась до 0 пикселей, но все еще поддерживалась переключением с помощью значка триггера в заголовке.
Есть идеи о том, как настроить эту вторую точку останова с помощью Ant Design?