Showing
4 changed files
with
36 additions
and
1 deletions
1 | +<script setup lang="ts"> | ||
2 | + | ||
3 | +</script> | ||
4 | + | ||
5 | +<template> | ||
6 | + <v-container class="bg-gray-900"> | ||
7 | + <v-row class="bg-gray-900" > | ||
8 | + <v-col cols="12" sm="4"> | ||
9 | + <v-skeleton-loader | ||
10 | + class="mx-auto border bg-gray-800" | ||
11 | + color="#1f2937" | ||
12 | + width="auto" | ||
13 | + height="600px" | ||
14 | + type="paragraph, image" | ||
15 | + /> | ||
16 | + </v-col> | ||
17 | + <v-col cols="12" sm="8"> | ||
18 | + <v-skeleton-loader | ||
19 | + class="mx-auto mt-10" | ||
20 | + color="#1f2937" | ||
21 | + elevation="12" | ||
22 | + min-height="400px" | ||
23 | + type="table-heading, list-item-two-line, article, actions, table-tfoot" | ||
24 | + /> | ||
25 | + </v-col> | ||
26 | + </v-row> | ||
27 | + </v-container> | ||
28 | +</template> | ||
29 | + | ||
30 | +<style scoped> | ||
31 | + | ||
32 | +</style> |
1 | <script setup lang="ts"> | 1 | <script setup lang="ts"> |
2 | 2 | ||
3 | +import SkeletonMovieDetailLoader from "~/components/ui-components/skeletonMovieDetailLoader.vue"; | ||
3 | </script> | 4 | </script> |
4 | 5 | ||
5 | <template> | 6 | <template> |
6 | <section> | 7 | <section> |
7 | - composant détail d'un film. | 8 | + <!-- Skeleton loader pendant le chargement --> |
9 | + <skeleton-movie-detail-loader /> | ||
8 | </section> | 10 | </section> |
9 | </template> | 11 | </template> |
10 | 12 |
-
Please register or login to post a comment