From 5d74f6c7c09ceb4b68bd0265e6c641192080d994 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
Date: Sun, 18 Sep 2022 14:24:32 +0200
Subject: Add model loading component

---
 components/ModelLoading.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
 create mode 100644 components/ModelLoading.vue

(limited to 'components/ModelLoading.vue')

diff --git a/components/ModelLoading.vue b/components/ModelLoading.vue
new file mode 100644
index 0000000..5db1c51
--- /dev/null
+++ b/components/ModelLoading.vue
@@ -0,0 +1,17 @@
+<template lang="pug">
+  .grid.grid-cols-4.gap-4
+    .model.shadow-xlg.rounded-lg.bg-white.p-4.w-full.h-80.animate-pulse
+      .image.bg-green-100.rounded-xl.w-full.h-48
+      .space-y-3.mt-5
+        .grid.grid-cols-3.gap-4
+          .h-4.bg-green-100.rounded-xl.col-span-2
+          .h-4.bg-green-100.rounded-xl.col-span-1
+        .h-4.bg-green-100.rounded-xl
+
+</template>
+
+<script>
+export default {
+  name: "ModelLoading",
+};
+</script>
-- 
cgit v1.2.3-71-g8e6c

