mirror of
https://github.com/TandoorRecipes/recipes.git
synced 2026-01-01 04:10:06 -05:00
small mobile layout improvements
This commit is contained in:
@@ -70,13 +70,13 @@
|
|||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<i class="fa fa-shopping-cart"></i> {% trans 'Shopping Recipes' %}
|
<i class="fa fa-shopping-cart"></i> {% trans 'Shopping Recipes' %}
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body" style="padding-left: 2vw; padding-right: 2vw">
|
<div class="card-body">
|
||||||
<template v-if="shopping_list.recipes.length < 1">
|
<template v-if="shopping_list.recipes.length < 1">
|
||||||
{% trans 'No recipes selected' %}
|
{% trans 'No recipes selected' %}
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<div class="row flex-row my-auto" v-for="x in shopping_list.recipes"
|
<div class="row flex-row my-auto" v-for="x in shopping_list.recipes"
|
||||||
style="margin-top: 0.5vh!important;">
|
style="margin-top: 1vh!important;">
|
||||||
<div class="flex-column align-self-start " style="margin-right: 0.4vw">
|
<div class="flex-column align-self-start " style="margin-right: 0.4vw">
|
||||||
<button class="btn btn-outline-danger" @click="removeRecipeFromList(x)"><i
|
<button class="btn btn-outline-danger" @click="removeRecipeFromList(x)"><i
|
||||||
class="fa fa-trash"></i></button>
|
class="fa fa-trash"></i></button>
|
||||||
|
|||||||
Reference in New Issue
Block a user