Как изменить высоту логотипа на докузавре? Я пробовал разные вещи, но не повезло
Изменение css на navbar__brand и установка высоты самого изображения





В файле docusaurus.config.js найдите раздел панели навигации. Должно быть поле логотипа, в котором указывается файл изображения логотипа.
Добавьте поле высоты к объекту логотипа и задайте для него желаемую высоту логотипа в пикселях.
module.exports = {
navbar: {
logo: {
src: '/img/logo.png',
height: 40,
},
// ...
},
// ...
};
Попробуйте это, должно сработать
Я только что попытался добавить ширину: 1000 в раздел логотипа, и он отлично подходит, но свойство высоты не работает.
Я боролся с той же проблемой. Вот что, кажется, работает для меня.
В вашем файле src/css/custom.css:
.navbar__logo img {
height: 160%;
margin-top: -10px;
}
Я также установил navbar-height, так как хотел, чтобы он был немного больше. Это в том же src/css/custom.css файле.
:root {
...
--ifm-navbar-height: 80px;
}
Вы можете поиграть с height и/или margin-top, и это должно сработать. Кажется, это нормально для масштабирования страницы.
Может быть, есть лучший способ, но не смог найти его в документации. Установка height/width в navbar.logo объекте docusaurus.config.json не сработала или испортила масштабирование изображения.
Потрясающий! Это имело значение!
Мой файл config.js является «по умолчанию» и содержит: module.exports = config; и под themeConfig: navbar: { logo: { alt: 'Логотип моего сайта', src: 'img/logo.svg', height: 150, }, но не работает :(