From b460ae9f2512925ecedfd2320e1dec723ec78a64 Mon Sep 17 00:00:00 2001 From: Michael Genson <71845777+michael-genson@users.noreply.github.com> Date: Tue, 21 Mar 2023 14:51:52 -0500 Subject: [PATCH] feat: reduced ingredients to one column on mobile (#2251) --- frontend/components/Domain/Recipe/RecipeContextMenu.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/components/Domain/Recipe/RecipeContextMenu.vue b/frontend/components/Domain/Recipe/RecipeContextMenu.vue index 525904383424..942e4600fa93 100644 --- a/frontend/components/Domain/Recipe/RecipeContextMenu.vue +++ b/frontend/components/Domain/Recipe/RecipeContextMenu.vue @@ -97,8 +97,8 @@ height="fit-content" max-height="60vh" width="100%" - class="ingredient-grid" - :style="{ gridTemplateRows: `repeat(${Math.ceil(recipeIngredients.length / 2)}, min-content)` }" + :class="$vuetify.breakpoint.smAndDown ? '' : 'ingredient-grid'" + :style="$vuetify.breakpoint.smAndDown ? '' : { gridTemplateRows: `repeat(${Math.ceil(recipeIngredients.length / 2)}, min-content)` }" style="overflow-y: auto" >