From 23a1fe5f7fdd3a5c744a863e01914517ea19a14f Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sun, 6 Mar 2022 12:05:51 +0100
Subject: [PATCH] Top prop for setting margin top

---
 src/components/ui/LoadingPlaceholder.vue | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/ui/LoadingPlaceholder.vue b/src/components/ui/LoadingPlaceholder.vue
index c0acda6..8a14b12 100644
--- a/src/components/ui/LoadingPlaceholder.vue
+++ b/src/components/ui/LoadingPlaceholder.vue
@@ -1,12 +1,11 @@
 <template>
-  <div>
-    <div class="text-input__loading">
-      <div
-        class="text-input__loading--line"
-        :class="lineClass"
-        v-for="_ in Array(count)"
-      ></div>
-    </div>
+  <div class="text-input__loading" :style="`margin-top: ${top}rem`">
+    <div
+      class="text-input__loading--line"
+      :class="lineClass"
+      v-for="l in Array(count)"
+      :key="l"
+    ></div>
   </div>
 </template>
 
@@ -15,11 +14,16 @@ export default {
   props: {
     count: {
       type: Number,
-      require: true
+      default: 1,
+      require: false
     },
     lineClass: {
       type: String,
       default: ""
+    },
+    top: {
+      type: Number,
+      default: 0
     }
   }
 };