From 4dc1d0a7046c7555a4585cd11072aebde6514c8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Preu=C3=9F?= <rene@preuss.io>
Date: Mon, 20 Feb 2023 21:11:33 +0100
Subject: [PATCH] Add placeholder element

---
 src/runtime/components/BitinflowPlaceholder.vue  | 16 ++++++++++++++++
 .../components/BitinflowSecondLevelMenu.vue      |  2 +-
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 src/runtime/components/BitinflowPlaceholder.vue

diff --git a/src/runtime/components/BitinflowPlaceholder.vue b/src/runtime/components/BitinflowPlaceholder.vue
new file mode 100644
index 0000000..8127b3b
--- /dev/null
+++ b/src/runtime/components/BitinflowPlaceholder.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="animate-pulse">
+    <div class="grid gap-8">
+      <div class="h-9 w-1/3 bg-white dark:bg-base-700 rounded-full" />
+      <div class="h-32 w-full bg-white dark:bg-base-700 rounded-lg" />
+      <div class="h-9 w-1/3 bg-white dark:bg-base-700 rounded-full" />
+      <div class="h-60 w-full bg-white dark:bg-base-700 rounded-lg" />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "BitinflowPlaceholder"
+}
+</script>
diff --git a/src/runtime/components/BitinflowSecondLevelMenu.vue b/src/runtime/components/BitinflowSecondLevelMenu.vue
index 72ea15b..e6f5670 100644
--- a/src/runtime/components/BitinflowSecondLevelMenu.vue
+++ b/src/runtime/components/BitinflowSecondLevelMenu.vue
@@ -1,7 +1,7 @@
 <!-- eslint-disable vue/require-explicit-emits -->
 <template>
   <nav
-    class="w bg-white text-black shadow dark:bg-base-700 dark:text-white dark:border-base-900 dark:border-l flex flex-col overflow-y-auto h-screen absolute sm:relative transform -translate-x-full sm:translate-x-0 pt-10 pb-4 px-4 space-y-2"
+    class="w-64 bg-white text-black shadow dark:bg-base-700 dark:text-white dark:border-base-900 dark:border-l flex flex-col overflow-y-auto h-screen absolute sm:relative transform -translate-x-full sm:translate-x-0 pt-10 pb-4 px-4 space-y-2"
   >
     <span class="font-semibold px-4">
       <slot name="title" />