Fix/image height overflow (#962)

* set height constraints

* fix cropped image

* update version info

* add changelog to sidebar
This commit is contained in:
Hayden
2022-02-04 08:13:12 -09:00
committed by GitHub
parent 4b9dcf95f9
commit 820fde36db
6 changed files with 36 additions and 19 deletions

View File

@@ -5,7 +5,7 @@
<v-main>
<v-banner v-if="demo" sticky>
<div class="text-center">
<b> This is a Demo of the v0.5.6 (BETA) </b> | Username: changeme@email.com | Password: demo
<b> This is a Demo of the v0.5.7 (BETA) </b> | Username: changeme@email.com | Password: demo
</div>
</v-banner>
<GlobalSnackbar />

View File

@@ -5,22 +5,23 @@
</v-card>
<NoRecipe v-else-if="loadFailed" />
<v-card v-else-if="!loadFailed" id="myRecipe" class="d-print-none">
<a :href="getImage(recipeDetails.slug)">
<v-img
:min-height="hideImage ? '50' : imageHeight"
@error="hideImage = true"
:src="getImage(recipeDetails.slug)"
class="d-print-none"
:key="imageKey"
>
<RecipeTimeCard
:class="isMobile ? undefined : 'force-bottom'"
:prepTime="recipeDetails.prepTime"
:totalTime="recipeDetails.totalTime"
:performTime="recipeDetails.performTime"
/>
</v-img>
</a>
<a :href="getImage(recipeDetails.slug)">
<v-img
:height="hideImage ? '50' : imageHeight"
min-height="125"
@error="hideImage = true"
:src="getImage(recipeDetails.slug)"
class="d-print-none"
:key="imageKey"
>
<RecipeTimeCard
:class="isMobile ? undefined : 'force-bottom'"
:prepTime="recipeDetails.prepTime"
:totalTime="recipeDetails.totalTime"
:performTime="recipeDetails.performTime"
/>
</v-img>
</a>
<RecipePageActionMenu
:slug="recipeDetails.slug"
:name="recipeDetails.name"