Fiddling around with the new possibilities like others here, I’m searching for a way to specify the column width of f7-col item.
The code for this is:
config:
style:
border-radius: 20px
background-color: rgba(6,25,36)
--text-color: rgba(255,255,255,1)
slots:
default:
- component: f7-block
config:
class:
- padding
slots:
default:
- component: f7-row
config:
class:
- padding-top
slots:
default:
- component: f7-block
slots:
default:
- component: f7-row
slots:
default:
- component: f7-col
slots:
default:
- component: oh-image
config:
url: /static/icons/tv.svg
style:
width: 25px
- component: f7-col
slots:
default:
- component: Label
config:
text: ="TVAV Zimmer"
style:
color: var(--text-color)
font-size: 18px
line-height: 30px
text-align: right
white-space: nowrap
overflow: hidden
text-overflow: ellipsis
The column containing the tv.svg image I like to justify in width
component: f7-col
slots:
default:
- component: oh-image
config:
url: /static/icons/tv.svg
style:
width: 25px
Any suggestion is welcome.