chloe/Seasoned
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing shared recipe layout for desktop

Browse Source
This commit is contained in:
chloe
2026-03-20 21:44:45 +00:00
parent 8668c297cc
commit c114bc84e8
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Seasoned.Frontend/app/components/RecipeDisplay.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<transition name="fade"> <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> <v-divider class="mb-10 separator"></v-divider>
<h2 class="recipe-title text-center mb-4">{{ recipe.title }}</h2> <h2 class="recipe-title text-center mb-4">{{ recipe.title }}</h2>
@@ -165,6 +165,7 @@ const printRecipe = () => {
const shareRecipe = async () => { const shareRecipe = async () => {
if (!props.recipe?.id) { if (!props.recipe?.id) {
showSavePrompt.value = true; showSavePrompt.value = true;
setTimeout(() => { setTimeout(() => {
showSavePrompt.value = false; showSavePrompt.value = false;
}, 8000); }, 8000);

10
Seasoned.Frontend/app/pages/recipe/[id].vue
View File

@@ -1,9 +1,13 @@
<template> <template>
<div class="recipe-bg min-h-screen pb-12"> <div class="recipe-bg min-h-screen pb-12">
<v-container class="py-10"> <v-container class="py-10">
<div v-if="normalizedRecipe" class="recipe-card mx-auto" style="max-width: 1000px;"> <RecipeDisplay
<RecipeDisplay :recipe="normalizedRecipe" :is-public-view="true" /> v-if="normalizedRecipe"
</div> :recipe="normalizedRecipe"
:is-public-view="true"
class="recipe-card mx-auto"
style="max-width: 1000px;"
/>
<v-progress-linear v-else indeterminate color="#8c4a32" /> <v-progress-linear v-else indeterminate color="#8c4a32" />
</v-container> </v-container>
</div> </div>