Size of pages icons in panel?

1

How can I make the icons for the pages in the panel bigger? In my site.yml I have

      pages:
        type: pages
        headline: Seiten
        layout: cards
        search: true
        create:
          - default

I would imagine to add something like

icons: large

but that doesn’t work. Instead the icons of them pages is still 16px.

2

I don’t think there’s a supported functionality that explicitly does that.
You can however customize the look of the panel by adding a panel css.

Something like this:

.k-items[data-layout="cards"] .k-item-figure .k-item-icon {
  --size: 64px;
}

(untested)

1 Like
3

Bingo.

Thanx!

PS: Maybe a hint in the docs how to size the icons to those pixel values would be a good idea? I had no idea that this custom property is already defined.

4

This works for me on K4

.k-items[data-layout="cards"] .k-item-image .k-icon {
	--icon-size: 64px;
}

.k-items[data-layout="cardlets"] .k-item-image .k-icon {
	--icon-size: 48px;
}