feat: reduced ingredients to one column on mobile (#2251)

This commit is contained in:
Michael Genson
2023-03-21 14:51:52 -05:00
committed by GitHub
parent 9199ae4901
commit b460ae9f25

View File

@@ -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"
>
<v-list-item