Как добавить размер-sm = "" размер к ion-row в приложении Ioni c? - PullRequest
Новая
       131

Как добавить размер-sm = "" размер к ion-row в приложении Ioni c?

0 голосов
/ 21 июня 2020

Я пытаюсь обновить размер ниже ion-row в зависимости от экрана, на котором используется мое приложение Ioni c.

Вот мой текущий код, я хочу изменить размер это ion-row в зависимости от размера экрана пользователя: 

<ion-row class="rowStyle">
    <ion-icon name="mail" class="iconStyle"></ion-icon>
    <ion-input type="email"></ion-input>
</ion-row>

.rowStyle {
    background-color: white;
    padding-left: 10px;
    border-radius: 30px;
    margin-top: 10px;

    ion-icon {
        margin-top: 13px;
        margin-right: 10px;
    }
}

.iconStyle {
    color: var(--ion-color-primary);
}

Я могу изменить размер ion-col с помощью приведенного ниже кода, но применение только этого к ion-row выше не работает : 

<ion-grid>
    <ion-row>
        <ion-col size="12" size-sm="8" offset-sm="2"">Some text</ion-col>
    </ion-row>
</ion-grid>

Чтобы обойти это, я добавил ion-col вокруг ion-icon и ion-input, но это испортило мой стиль.

Кто-нибудь, пожалуйста, скажите мне, как я могу применить этот размер только к ion-row выше?

...