From 8668c297cca2518be9082852ae187808c67e56ba Mon Sep 17 00:00:00 2001
From: chloe <chloestanton117@gmail.com>
Date: Fri, 20 Mar 2026 21:33:55 +0000
Subject: [PATCH] fix desktop recipe display for sharing

---
 Seasoned.Frontend/app/pages/recipe/[id].vue | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/Seasoned.Frontend/app/pages/recipe/[id].vue b/Seasoned.Frontend/app/pages/recipe/[id].vue
index 501afb6..fa4e1d2 100644
--- a/Seasoned.Frontend/app/pages/recipe/[id].vue
+++ b/Seasoned.Frontend/app/pages/recipe/[id].vue
@@ -1,8 +1,10 @@
 <template>
-  <div class="recipe-bg min-h-screen">
-    <v-container>
-       <RecipeDisplay v-if="normalizedRecipe" :recipe="normalizedRecipe" :is-public-view="true" />
-       <v-progress-linear v-else indeterminate color="#8c4a32" />
+  <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>
+      <v-progress-linear v-else indeterminate color="#8c4a32" />
     </v-container>
   </div>
 </template>