From 5245016f5b04ffaf2ad8cd7cc54743762cc38467 Mon Sep 17 00:00:00 2001
From: Qin Guan <qinguan20040914@gmail.com>
Date: Fri, 21 Jul 2023 12:15:53 +0800
Subject: [PATCH] feat: improve skeleton layout

---
 pages/s/[id]/index.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/pages/s/[id]/index.vue b/pages/s/[id]/index.vue
index c05cf98..71cb774 100644
--- a/pages/s/[id]/index.vue
+++ b/pages/s/[id]/index.vue
@@ -145,10 +145,9 @@ async function submit() {
             <ClientOnly>
               <!-- Need ClientOnly if not reading localStorage will cause hydration mismatch -->
               <template #fallback>
-                <div mt-15 flex flex-col gap4>
-                  <Skeleton height="50px" />
-                  <Skeleton height="75px" />
-                  <Skeleton height="500px" />
+                <div v-for="(_, idx) in survey.questions" :key="idx" mt-15 flex flex-col gap4>
+                  <Skeleton height="30px" />
+                  <Skeleton height="150px" />
                 </div>
               </template>