[SOLVED] How to show titles centered for toolbar and list-item?

I have a toolbar in a sheet modal and I want the title “Transfer via” centered, however there is no title prop and I can not make it centered via css class, how can I do that ?

I want both title and list-item titles centered and I defined a css class center but did not worked for none of them.

      .toolbar-inner.center(title="try2") try3
          a.link.sheet-close.Linklarge(href="#") Transfer via
         f7-list-item.center.sheet-close(title="Dialer", @click='goDialpad()')

css class

.center {
text-align: center

this what I have

and this is what I want


I see this is possible with action-sheet instead of sheet-modal