[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.

  .sheet-modal.transfer-sheet
    .toolbar(title="try1")
      .toolbar-inner.center(title="try2") try3
        .left
        .right
          a.link.sheet-close.Linklarge(href="#") Transfer via
    .sheet-modal-inner
      .block
        f7-list(form='')
         f7-list-item.center.sheet-close(title="Dialer", @click='goDialpad()')
         f7-list-item.center(title="Contacts")

css class

.center {
text-align: center
}

this what I have
transfervia

and this is what I want

transfervia2

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