From 46218215972984be8f12bd79b10c43c9f7832ea6 Mon Sep 17 00:00:00 2001 From: Vishnu Raghav B Date: Wed, 18 Nov 2020 02:51:08 +0530 Subject: [PATCH] added back try later, adding meal planner --- app/app.scss | 64 ++++- app/components/App.vue | 12 +- app/components/EditRecipe.vue | 510 ++++++++++++++++----------------- app/components/EnRecipes.vue | 12 +- app/components/MealPlanner.vue | 183 +++++++----- app/components/ViewRecipe.vue | 14 +- app/main.js | 3 + app/store.js | 11 + package-lock.json | 9 + package.json | 1 + 10 files changed, 465 insertions(+), 354 deletions(-) diff --git a/app/app.scss b/app/app.scss index 1c0dec23..ed3edea0 100644 --- a/app/app.scss +++ b/app/app.scss @@ -14,6 +14,11 @@ $gray9: #212529; $orange: #ff5200; $fabRipple: #ff864d; $red: #c92a2a; +$breakfast: #ffb180; +$lunch: #ceff80; +$dinner: #80ceff; +$snacks: #b180ff; + // Global SCSS styling // @see https://docs.nativescript.org/ui/styling @@ -79,11 +84,13 @@ Page, color: $gray4; background: $gray3; } - .count { + .count, + .marker { color: $gray1; background: $gray9; } - .instruction { + .instruction, + .dayContainer { border-color: $gray9; } MDProgress { @@ -142,11 +149,13 @@ Page, color: $gray8; background: #111; } - .count { + .count, + .marker { color: $gray9; background: $gray1; } - .instruction { + .instruction, + .dayContainer { border-color: $gray1; } MDProgress { @@ -362,6 +371,7 @@ RadListView { // ----------------------------- // SETTINGS .group-header { + text-transform: uppercase; padding: 8; } .main-container { @@ -533,6 +543,52 @@ TextField.combinationToken { border-width: 0; } // ----------------------------- +// MEAL PLANNER +.mealPlanner { + padding: 16 16 128; + width: 100%; + .dayContainer { + padding: 8 0; + color: $gray9; + &.breakfast { + border-radius: 4 4 0 0; + background: $breakfast; + } + &.lunch { + background: $lunch; + } + &.dinner { + background: $dinner; + } + &.snacks { + border-radius: 0 0 4 4; + background: $snacks; + } + .periodLabel { + text-transform: uppercase; + vertical-alignment: center; + font-size: 16; + padding: 0 0 0 16; + } + .recipes { + margin: 8 8 0; + .recipeTitle { + font-size: 14; + padding: 6 8; + line-height: 4; + } + .closeBtn { + margin: 0 8; + vertical-alignment: top; + } + } + MDRipple, + MDButton { + ripple-color: rgba($gray6, 0.2); + } + } +} +// ----------------------------- // DIALOGS .dialogContainer { width: 100%; diff --git a/app/components/App.vue b/app/components/App.vue index c3216d88..de0edc22 100644 --- a/app/components/App.vue +++ b/app/components/App.vue @@ -32,7 +32,7 @@