feat: improve skeleton layout

qin-guan · Jul 21, 2023 · 5245016 · 5245016
1 parent 504087c
commit 5245016
Showing 1 changed file with 3 additions and 4 deletions.
diff --git 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>