How to fit 5 list-item in a sheet-modal?


#1

I have a sheet modal and I have 5 list-items but only 4 of them visible as seen in image at bottom.
I tried , height=“10px” for list-item but nothing changed, I want either

  • increse height of sheet-modal and fit 5 list-items
  • or decrease spaces in list-items and fit , which I prefer over first solution

can you help me for it ?

  .sheet-modal.richMessaging-sheet
    .toolbar(title="deneme1")
      .toolbar-inner.center
        .left
        .right
          a.link.sheet-close.center(href="#") {{ $t('CHOOSE') }}
    .sheet-modal-inner
        f7-list(form='')
         f7-list-item.my-cursor(:title="$t('SEND_FILE')", @click='goDialpad()', height="10px")
          i.icon.material-icons.md-only attach_file
         f7-list-item.my-cursor(:title="$t('SEND_VIDEO')", @click='goDialpad()')
          i.icon.material-icons.md-only music_video
         f7-list-item.my-cursor(:title="$t('SEND_IMAGE')")
          i.icon.material-icons.md-only perm_media
         f7-list-item.my-cursor(:title="$t('SEND_LINK')")
          i.icon.material-icons.md-only link
         f7-list-item.my-cursor(:title="$t('SHARE_LOCATION')")
          i.icon.material-icons.md-only location_on

sheetmodal2