Top prop for setting margin top

2022-03-06 12:05:51 +01:00
parent ca873f14c7
commit 23a1fe5f7f
1 changed files with 13 additions and 9 deletions
--- 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
    }
  }
 };