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" height="fit-content"
max-height="60vh" max-height="60vh"
width="100%" width="100%"
class="ingredient-grid" :class="$vuetify.breakpoint.smAndDown ? '' : 'ingredient-grid'"
:style="{ gridTemplateRows: `repeat(${Math.ceil(recipeIngredients.length / 2)}, min-content)` }" :style="$vuetify.breakpoint.smAndDown ? '' : { gridTemplateRows: `repeat(${Math.ceil(recipeIngredients.length / 2)}, min-content)` }"
style="overflow-y: auto" style="overflow-y: auto"
> >
<v-list-item <v-list-item