cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use custom input component in recipe view

Browse Source
This commit is contained in:
TheHaf
2022-01-25 22:04:21 +01:00
parent 6c619ab628
commit 381a7e76be
1 changed files with 3 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
vue/src/apps/RecipeView/RecipeView.vue
View File

@ -65,15 +65,7 @@
<i class="fas fa-pizza-slice fa-2x text-primary"></i> <i class="fas fa-pizza-slice fa-2x text-primary"></i>
</div> </div>
<div class="my-auto" style="padding-right: 4px"> <div class="my-auto" style="padding-right: 4px">
<input <CustomInputSpinButton v-model.number="servings" />
style="text-align: right; border-width: 0px; border: none; padding: 0px; padding-left: 0.5vw; padding-right: 8px; max-width: 80px"
value="1"
maxlength="3"
min="0"
type="number"
class="form-control form-control-lg"
v-model.number="servings"
/>
</div> </div>
<div class="my-auto"> <div class="my-auto">
<span class="text-primary"> <span class="text-primary">
@ -174,6 +166,7 @@ import StepComponent from "@/components/StepComponent"
import KeywordsComponent from "@/components/KeywordsComponent" import KeywordsComponent from "@/components/KeywordsComponent"
import NutritionComponent from "@/components/NutritionComponent" import NutritionComponent from "@/components/NutritionComponent"
import RecipeSwitcher from "@/components/Buttons/RecipeSwitcher" import RecipeSwitcher from "@/components/Buttons/RecipeSwitcher"
import CustomInputSpinButton from "@/components/CustomInputSpinButton"
Vue.prototype.moment = moment Vue.prototype.moment = moment
@ -195,6 +188,7 @@ export default {
LoadingSpinner, LoadingSpinner,
AddRecipeToBook, AddRecipeToBook,
RecipeSwitcher, RecipeSwitcher,
CustomInputSpinButton,
}, },
computed: { computed: {
ingredient_factor: function () { ingredient_factor: function () {