Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 15:49:42 +02:00
Code Issues Releases Activity

fix: Image height in home screen mobile format (#4088)

Browse source
This commit is contained in:
Arsène Reymond 2024-08-23 20:26:12 +02:00 • committed by GitHub
parent 22057cad19
commit 67dc0d7066
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 13 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/components/Domain/Recipe/RecipeCardMobile.vue
View file

@ -20,14 +20,14 @@
</v-img>
<v-list-item three-line :class="vertical ? 'px-2' : 'px-0'">
<slot v-if="!vertical" name="avatar">
<v-list-item-avatar tile size="125" class="v-mobile-img rounded-sm my-0">
<v-list-item-avatar tile width="125" height="avatarSize" class="v-mobile-img rounded-sm my-0">
<RecipeCardImage
:icon-size="100"
:height="125"
:height="avatarSize"
:slug="slug"
:recipe-id="recipeId"
small
:image-version="image"
small
/>
</v-list-item-avatar>
</slot>
@ -135,6 +135,10 @@ export default defineComponent({
type: Boolean,
default: false,
},
avatarSize: {
type: [Number, String],
default: 125,
},
},
setup(props) {
const { $auth } = useContext();