matches loading icon

Author: supalarry

frontend/src/views/app/Matches.vue

@@ -1,6 +1,9 @@
 <template>
   <!--  eslint-disable max-len -->
   <div class="mx-4 sm:mx-16 lg:mx-32">
+    <div v-if="!fetchingDone" class="mx-auto flex items-center justify-center mt-32">
+      <img class="h-36" src="../../assets/loading.svg">
+    </div>
     <section v-if="fetchingDone" class="mx-auto relative md:flex md:items-start md:justify-center">
       <div class="md:w-full md:max-w-xs md:shadow-md md:rounded-md md:p-8 md:flex md:flex-col md:justify-start">
         <div class="mt-8 sm:mt-0">