Описание:
Я хочу реализовать фиксированный заголовок с lo go и меню в antd. Я следовал этой документации: https://3x.ant.design/components/layout/#components -layout-demo-fixed (да, мы все еще на v3). Демонстрация показывает его на темном фоне, а компонент меню - на темной теме. Мне нужно, чтобы он был на белом фоне.
Постановка задачи:
При работе в режиме освещения компонент меню имеет некоторую дополнительную высоту для учета выделенного / выбранного элемента меню, а также имеет нижняя граница. Поскольку заголовок зафиксирован в верхней части экрана, он должен занимать всю ширину. Меню под Layout.Header
, которое применяет некоторые отступы самостоятельно. Чтобы он выглядел как заголовок полной ширины, можно было бы создать рамку, охватывающую его. Я рассмотрел вопрос о добавлении границы к Layout.Header
, но она выглядит неработающей (высота меню примерно на пиксель превышает высоту Layout.Header
.
Код коды для вопроса: https://codesandbox.io/s/amazing-platform-stackoverflow-x8tx6
Возможно, я что-то упускаю. Пожалуйста, помогите. Заранее спасибо :)