ruidy/meal_planner
1
0
Fork 0
mirror of https://github.com/rjNemo/meal_planner synced 2026-06-06 02:26:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Add skeleton loading state for recipe details page

Browse source 
feat: Add detailed skeleton loading state matching recipe layout
This commit is contained in:
Ruidy 2024-12-13 22:59:14 +01:00
parent e5ede6f01a
commit 045d118b3f
No known key found for this signature in database
GPG key ID: E00F51288CB857CC
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
pages/[id].vue
View file

@ -40,7 +40,11 @@ useSeoMeta({
</script> </script>
<template> <template>
<div v-if="status !== 'success'">Loading</div> <div v-if="status !== 'success'" class="container mx-auto px-4 lg:px-8">
<span
class="loading loading-bars loading-lg flex justify-center items-center min-h-screen mx-auto"
/>
</div>
<section v-else> <section v-else>
<Recipe :recipe="recipe!" /> <Recipe :recipe="recipe!" />
</section> </section>