From 820fde36db5b7d0b549e53a8709bf9b4f0bff508 Mon Sep 17 00:00:00 2001
From: Hayden <64056131+hay-kot@users.noreply.github.com>
Date: Fri, 4 Feb 2022 08:13:12 -0900
Subject: [PATCH] Fix/image height overflow (#962)

* set height constraints

* fix cropped image

* update version info

* add changelog to sidebar
---
 docs/docs/changelog/v0.5.6.md            | 15 +++++++++++
 docs/mkdocs.yml                          |  1 +
 frontend/src/App.vue                     |  2 +-
 frontend/src/pages/Recipe/ViewRecipe.vue | 33 ++++++++++++------------
 mealie/core/config.py                    |  2 +-
 pyproject.toml                           |  2 +-
 6 files changed, 36 insertions(+), 19 deletions(-)
 create mode 100644 docs/docs/changelog/v0.5.6.md

diff --git a/docs/docs/changelog/v0.5.6.md b/docs/docs/changelog/v0.5.6.md
new file mode 100644
index 000000000000..54bd8244055a
--- /dev/null
+++ b/docs/docs/changelog/v0.5.6.md
@@ -0,0 +1,15 @@
+# v0.5.6 - Bug Fixes
+
+**App Version: v0.5.6**
+
+**Database Version: v0.5.0**
+
+## Breaking Changes
+
+!!! error "Breaking Changes"
+
+   None
+
+## Bug Fixes
+- Fixed image overflow on recipe pages [#961](https://github.com/hay-kot/mealie/issues/961)
+
diff --git a/docs/mkdocs.yml b/docs/mkdocs.yml
index 257b4908c50f..ae63006ff9ff 100644
--- a/docs/mkdocs.yml
+++ b/docs/mkdocs.yml
@@ -94,6 +94,7 @@ nav:
           - Style Guide: "contributors/developers-guide/style-guide.md"
   - Development Road Map: "roadmap.md"
   - Change Log:
+      - v0.5.6 Bug Fixes: "changelog/v0.5.6.md"
       - v0.5.5 Bug Fixes: "changelog/v0.5.5.md"
       - v0.5.4 Bug Fixes: "changelog/v0.5.4.md"
       - v0.5.3 Bug Fixes: "changelog/v0.5.3.md"
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index ea8f59174565..f2b1be8f2c7c 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -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 />
diff --git a/frontend/src/pages/Recipe/ViewRecipe.vue b/frontend/src/pages/Recipe/ViewRecipe.vue
index 4f429de18a31..e8abc3356332 100644
--- a/frontend/src/pages/Recipe/ViewRecipe.vue
+++ b/frontend/src/pages/Recipe/ViewRecipe.vue
@@ -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"
diff --git a/mealie/core/config.py b/mealie/core/config.py
index 2b5fbf4d9b9b..69f9488c14e7 100644
--- a/mealie/core/config.py
+++ b/mealie/core/config.py
@@ -6,7 +6,7 @@ from typing import Any, Optional, Union
 import dotenv
 from pydantic import BaseSettings, Field, PostgresDsn, validator
 
-APP_VERSION = "v0.5.5"
+APP_VERSION = "v0.5.6"
 DB_VERSION = "v0.5.0"
 
 CWD = Path(__file__).parent
diff --git a/pyproject.toml b/pyproject.toml
index 4e145de1c61e..dc508c5f4602 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "mealie"
-version = "0.5.5"
+version = "0.5.6"
 description = "A Recipe Manager"
 authors = ["Hayden <hay-kot@pm.me>"]
 license = "MIT"