mirror of
https://github.com/mealie-recipes/mealie.git
synced 2026-01-14 21:11:20 -05:00
Fix/image height overflow (#962)
* set height constraints * fix cropped image * update version info * add changelog to sidebar
This commit is contained in:
@@ -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 />
|
||||
|
||||
@@ -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"
|
||||
|
||||
Reference in New Issue
Block a user