ui improvements (shopping and meal plan)

- fixed content scaling for meal plan and shopping
- style fixes on shopping list
- touch based swipe actions for shopping list
- better mobile experience overall
This commit is contained in:
Kaibu
2022-04-23 01:28:20 +02:00
parent 6953f763d2
commit b037203b8f
5 changed files with 693 additions and 403 deletions

View File

@ -233,7 +233,7 @@ export default {
this.loadRecipe(window.RECIPE_ID)
this.$i18n.locale = window.CUSTOM_LOCALE
this.requestWakeLock()
window.addEventListener('resize', this.handleRezise);
window.addEventListener('resize', this.handleResize);
},
beforeUnmount() {
this.destroyWakeLock()
@ -249,7 +249,7 @@ export default {
}
}
},
handleRezise: function () {
handleResize: function () {
if (document.getElementById('nutrition_container') !== null) {
this.ingredient_height = document.getElementById('ingredient_container').clientHeight - document.getElementById('nutrition_container').clientHeight
} else {
@ -300,7 +300,7 @@ export default {
this.loading = false
setTimeout(() => {
this.handleRezise()
this.handleResize()
}, 100)
})
},