cordova - poner - como reducir el ancho de la barra de tareas windows 10

cómo hacer que los iconos y botones sean más grandes en iónico 2

Question

¿Cómo puede hacer que el tamaño de los button y los icon más grande en el siguiente código?

<ion-card>
  <ion-card-header>
    Explore Nearby
  </ion-card-header>

  <ion-list>
    <button ion-item>
      <ion-icon name="cart" item-left></ion-icon>
      Shopping
    </button>

    <button ion-item>
      <ion-icon name="medical" item-left></ion-icon>
      Hospital
    </button>

    <button ion-item>
      <ion-icon name="cafe" item-left></ion-icon>
      Cafe
    </button>
  </ion-list>
</ion-card>

Answer 1

Iconos

ion-icon son íconos de fuentes para que se puedan editar los siguientes Sass / CSS, ya que son esencialmente texto:

    ion-icon {
        font-size: 20px; //Preferred size here
    }

Botones

En cuanto al button iónico tiene algunas clases incorporadas para afectar el tamaño. Por ejemplo:

   <button ion-button large>Large</button>

   <button ion-button>Default</button>

   <button ion-button small>Small</button>

También puede actualizar la variable Sass predeterminada de $button-round-padding en su archivo src/theme/variables.scss , al tamaño que desee. Más sobre los botones se pueden encontrar aquí