Add empty space image

noverney · Oct 29, 2023 · c6037c4 · c6037c4
1 parent 9f2af15
commit c6037c4
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
@@ -1,7 +1,13 @@
 <template>
   <div>
     <div class="bg-white py-16 sm:py-24">
-      <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
+      <div v-if="!matchedUserFs?.id" class="w-full flex justify-center text-center">
+        <div class="space-y-2">
+          <h2 class="text-lg">Nothing to see here, wait for your next match..</h2>
+          <img class="max-w-xl" src="/empty-state.jpg">
+        </div>
+      </div>
+      <div v-else class="mx-auto max-w-7xl sm:px-6 lg:px-8">
         <div
           class="relative overflow-hidden bg-gray-900 px-6 py-20 shadow-xl sm:rounded-3xl sm:px-10 sm:py-24 md:px-12 lg:px-20">
           <div class="absolute inset-0 bg-gray-900/90 mix-blend-multiply" />