Изменение размера логотипа бренда в Bulma navbar (Angular 7) - PullRequest
Новая
       43

Изменение размера логотипа бренда в Bulma navbar (Angular 7)

0 голосов
/ 09 февраля 2019

В настоящее время я не могу изменить размер изображения логотипа бренда на моей навигационной панели Bulma CSS без изображения.Установка встроенной ширины и высоты изображения в соответствии с документацией растягивает изображение.Как изменить размер изображения без искажений?

navbar.component.html 

<nav class="navbar" role="navigation" aria-label="main navigation">
  <div class="navbar-brand">
    <a class="navbar-item" href="#">
        <img src="../assets/images/my-image.png" width="112" height="28"/>
      Brand Name
    </a>
    <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false">
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
      <span aria-hidden="true"></span>
    </a>
  </div>
</nav>

navbar.component.scss 

@import "../../scss/fonts";

.navbar {
  background: #ffaaa6;
}

.navbar-brand {
  font-family: $pacifico;
}
...