From c114bc84e8415d0de5689c06115f6f6962c275ce Mon Sep 17 00:00:00 2001
From: chloe <chloestanton117@gmail.com>
Date: Fri, 20 Mar 2026 21:44:45 +0000
Subject: [PATCH] fixing shared recipe layout for desktop

---
 Seasoned.Frontend/app/components/RecipeDisplay.vue |  3 ++-
 Seasoned.Frontend/app/pages/recipe/[id].vue        | 10 +++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/Seasoned.Frontend/app/components/RecipeDisplay.vue b/Seasoned.Frontend/app/components/RecipeDisplay.vue
index dad77bc..30da848 100644
--- a/Seasoned.Frontend/app/components/RecipeDisplay.vue
+++ b/Seasoned.Frontend/app/components/RecipeDisplay.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="fade">
-    <div v-if="recipe" class="recipe-content mx-auto" style="max-width: 900px;">
+    <div v-if="recipe" class="recipe-content">
       <v-divider class="mb-10 separator"></v-divider>
       
       <h2 class="recipe-title text-center mb-4">{{ recipe.title }}</h2>
@@ -165,6 +165,7 @@ const printRecipe = () => {
 const shareRecipe = async () => {
   if (!props.recipe?.id) {
     showSavePrompt.value = true;
+
     setTimeout(() => {
       showSavePrompt.value = false;
     }, 8000);
diff --git a/Seasoned.Frontend/app/pages/recipe/[id].vue b/Seasoned.Frontend/app/pages/recipe/[id].vue
index fa4e1d2..d9ecfad 100644
--- 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>