QInfiniteScroll

[sanchaz]

Following up on this would be great to be able to add classes to the loading slot of the QInfiniteScroll.
As per https://forum.quasar-framework.org/topic/3084/q-infinite-scroll-with-nested-row-columns/2

As it stands I have multiple cards in a row and my loading icon will just be a div next to the cards, instead of below.

<q-infinite-scroll class="row justify-start" @load="onLoad" :offset="250">
  <div
    class="col-xs-12 col-sm-6 col-md-4 col-lg-3 q-py-md q-px-sm"
    v-for="(c, index) in cards"
    :key="index"
  >
    <div class="row justify-center">
      <CustomCard :card-data="c"/>
    </div>
  </div>
  <template v-slot:loading>
   <div class="row justify-center q-my-md">
     <q-spinner-dots color="primary" size="40px"></q-spinner-dots>
   </div>
  </template>
</q-infinite-scroll>

[sanchaz]

<q-infinite-scroll @load="onLoad" :offset="250">
      <div class="row justify-start">
        <div
          class="col-xs-12 col-sm-6 col-md-4 col-lg-3 q-py-md q-px-sm"
          v-for="(c, index) in cards"
          :key="index"
        >
          <div class="row justify-center">
            <CustomCard :card-data="c"/>
          </div>
        </div>
      </div>
      <template v-slot:loading>
        <div class="row justify-center q-my-md">
          <q-spinner-dots color="white" size="40px"></q-spinner-dots>
        </div>
      </template>
    </q-infinite-scroll>

Withdrawing, rewrote as above and this works fine.