fix preload loading

src/pages/Radio.vue

@@ -4,7 +4,9 @@
     <f7-block-title>{{Radio.name}}</f7-block-title>
     <f7-block-header>{{Radio.description}}</f7-block-header>
 
+    <div v-if='loading' strong class="text-align-center">
       <f7-preloader v-if='loading' />
+    </div>
     <f7-list v-else>
         <f7-list-item title="Diretta" :link='`/radio/${radioId}/live`' />
         <f7-list-item title="Trasmissioni" :link='`/radio/${radioId}/shows`' />

src/pages/RadioLive.vue

@@ -4,7 +4,9 @@
     <f7-block-title>{{Radio.name}}</f7-block-title>
     <f7-block-header>{{Radio.description}}</f7-block-header>
 
-    <f7-preloader v-if='loading' />
+    <div v-if='loading' strong class="text-align-center">
+      <f7-preloader />
+    </div>
     <f7-block v-else>
     {{currentShowName}}
     <f7-button type="button" @click="playLive">Ascolta la diretta</f7-button>

src/pages/RadioShows.vue

@@ -4,7 +4,9 @@
     <f7-block-title>{{Radio.name}}</f7-block-title>
     <f7-block-header>{{Radio.description}}</f7-block-header>
 
-    <f7-preloader v-if='loading' />
+    <div v-if='loading' strong class="text-align-center">
+      <f7-preloader />
+    </div>
     <f7-list v-else>
         <f7-list-item v-for='show in Radio.shows' :key='show.name' :title='show.name' :link='`/radio/${radioId}/shows/${show.name}`' :footer='show.description'/>
     </f7-list>

src/pages/Show.vue

@@ -7,12 +7,9 @@
         <f7-block-header>{{Radio.name}}</f7-block-header>
     </f7-block>
     
-    <f7-preloader v-if='loading' />
-        <f7-list v-else>
-<a @click="play(episode)" v-for='episode in Show.episodes' :key='episode.url' >
-            <f7-list-item :title='episode.title'  :footer='episode.text' />
-</a>
-        </f7-list>
+    <div v-if='loading' strong class="text-align-center">
+      <f7-preloader />
+    </div>
 
   </f7-page>    
 </template>