fixing shared recipe layout for desktop

2026-03-20 21:44:45 +00:00
parent 8668c297cc
commit c114bc84e8
2 changed files with 9 additions and 4 deletions
--- a/Seasoned.Frontend/app/pages/recipe/[id].vue
+++ b/Seasoned.Frontend/app/pages/recipe/[id].vue
@@ -1,9 +1,13 @@
 <template>
  <div class="recipe-bg min-h-screen pb-12">
    <v-container class="py-10">
-      <div v-if="normalizedRecipe" class="recipe-card mx-auto" style="max-width: 1000px;">
-         <RecipeDisplay :recipe="normalizedRecipe" :is-public-view="true" />
-      </div>
+      <RecipeDisplay 
+        v-if="normalizedRecipe" 
+        :recipe="normalizedRecipe" 
+        :is-public-view="true" 
+        class="recipe-card mx-auto"
+        style="max-width: 1000px;" 
+      />
      <v-progress-linear v-else indeterminate color="#8c4a32" />
    </v-container>
  </div>