added loading spinner and made new view the main recipe view

2021-01-13 20:59:31 +01:00
parent 948eb9be3e
commit 9e5a7b2cc0
6 changed files with 146 additions and 774 deletions
--- a/vue/src/components/LoadingSpinner.vue
+++ b/vue/src/components/LoadingSpinner.vue
@ -0,0 +1,17 @@
+<template>
+    <div class="row">
+      <div class="col" style="text-align: center">
+        <i class="fas fa-spinner fa-spin fa-10x"></i>
+      </div>
+    </div>
+</template>
+
+<script>
+
+export default {
+  name: 'LoadingSpinner',
+  props: {
+    recipe: Object,
+  },
+}
+</script>