Блог

Главная - Вопросы по программированию - PrimeNG — Список заказов

PrimeNG — Список заказов

#html #resize #primeng

#HTML #изменить размер #primeng

Вопрос:

Я использую PrimeNG — orderList, но кнопки слишком маленькие

Как изменить размер кнопок, чтобы сделать их больше?

Вот мой код

                         <p-orderList [value]="products"  [listStyle]="{'height':'auto'}" header="List of Option Codes"
                                     dragdrop="true">
                            <ng-template let-product pTemplate="item">
                                <div class="product-item">
                                    <div class="product-list-detail">
                                        <h5 class="p-mb-2">{{product.optionCode}}</h5>
                                    </div>
                                </div>
                            </ng-template>
                        </p-orderList>

Кнопки слишком маленькие
изображение проблемных небольших btn

Ответ №1:

Вы можете добавить css в .product-item, например —

 .product-item {
  font-size: 15px; !important
}