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

@@ -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)
+

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"

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 />

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)">
+      <a :href="getImage(recipeDetails.slug)">
-      <v-img
+        <v-img
-        :min-height="hideImage ? '50' : imageHeight"
+          :height="hideImage ? '50' : imageHeight"
-        @error="hideImage = true"
+          min-height="125"
-        :src="getImage(recipeDetails.slug)"
+          @error="hideImage = true"
-        class="d-print-none"
+          :src="getImage(recipeDetails.slug)"
-        :key="imageKey"
+          class="d-print-none"
-      >
+          :key="imageKey"
-        <RecipeTimeCard
+        >
-          :class="isMobile ? undefined : 'force-bottom'"
+          <RecipeTimeCard
-          :prepTime="recipeDetails.prepTime"
+            :class="isMobile ? undefined : 'force-bottom'"
-          :totalTime="recipeDetails.totalTime"
+            :prepTime="recipeDetails.prepTime"
-          :performTime="recipeDetails.performTime"
+            :totalTime="recipeDetails.totalTime"
-        />
+            :performTime="recipeDetails.performTime"
-      </v-img>
+          />
-    </a>
+        </v-img>
+      </a>
       <RecipePageActionMenu
         :slug="recipeDetails.slug"
         :name="recipeDetails.name"

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

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"