webapp/Landing: add demo notice

epfml · Jun 27, 2024 · 847d130 · 847d130
1 parent 99c347d
commit 847d130
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/webapp/src/components/home/Landing.vue b/webapp/src/components/home/Landing.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="flex">
+  <div class="flex flex-col gap-4">
     <ButtonsCard
       class="mx-auto"
       :buttons="List.of(['get started', () => emit('click')])"
@@ -18,12 +18,20 @@
         </li>
       </ul>
     </ButtonsCard>
+
+    <IconCard title-placement="center" class="mx-auto">
+      <template #title> DEMO </template>
+      <template #content>
+        Training states &amp; custom tasks are not persisted
+      </template>
+    </IconCard>
   </div>
 </template>
 <script lang="ts" setup>
 import { List } from "immutable";
 
 import ButtonsCard from "@/components/containers/ButtonsCard.vue";
+import IconCard from "@/components/containers/IconCard.vue";
 
 const emit = defineEmits<{
   click: [];