Как изменить высоту логотипа на докузавре? Я пробовал разные вещи, но не повезло
Изменение css на navbar__brand и установка высоты самого изображения
В файле docusaurus.config.js найдите раздел панели навигации. Должно быть поле логотипа, в котором указывается файл изображения логотипа.
Добавьте поле высоты к объекту логотипа и задайте для него желаемую высоту логотипа в пикселях.
module.exports = {
navbar: {
logo: {
src: '/img/logo.png',
height: 40,
},
// ...
},
// ...
};
Попробуйте это, должно сработать
Я боролся с той же проблемой. Вот что, кажется, работает для меня.
В вашем файле 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
не сработала или испортила масштабирование изображения.