Как изменить размер логотипа в Docusaurus?

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

Изменение css на navbar__brand и установка высоты самого изображения


68
2

Ответы:

В файле 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 не сработала или испортила масштабирование изображения.