Невозможно изменить размер lo go (изображение) в ионном заголовке - PullRequest
1 голос
/ 27 марта 2020

Я не могу изменить размер моего lo go внутри ионного заголовка и ионной панели инструментов с помощью Ioni c 5, и я не понимаю, почему ...

Я пробовал что-то подобное :

<ion-header [translucent]="true">
  <ion-toolbar>
    <img height="44" class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>

И:

.logo-full{
   content: url("../assets/logo/logo-dark.png");
   height: 44px;
}

Я пытаюсь изменить размер заголовка и панели инструментов, удалить панель инструментов, но у меня ничего не получается ...

Я знаю что обычно это просто, но с ежегодными обновлениями это трудно понять ...

Спасибо всем, ребята!

1 Ответ

1 голос
/ 27 марта 2020

Попробуйте это:

ion-toolbar, ion-header .logo-full{
   content: url("http://placekitten.com/301/301");
   width:44px;
   height: 44px;
   border:2px solid black;
}
<ion-header [translucent]="true">
  <ion-toolbar>
    <img class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>

для 200 X 44 (ширина)

ion-toolbar, ion-header .logo-full{ 
  content: url("http://placekitten.com/301/301");
  width: 44px;
  height: 200px;
  border: 2px solid black;
}
<ion-header [translucent]="true">
  <ion-toolbar>
    <img class="logo-full" alt="mylogo">
  </ion-toolbar>
</ion-header>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...