From f0d055025108c6f9a727fbf1861a45f6e8a40c5b Mon Sep 17 00:00:00 2001 From: vabene1111 Date: Fri, 22 Mar 2024 16:30:37 +0100 Subject: [PATCH] improved recipe card --- cookbook/templates/frontend/tandoor.html | 21 +++++- .../display/HorizontalRecipeWindow.vue | 2 +- vue3/src/components/display/KeywordsBar.vue | 9 +-- vue3/src/components/display/RecipeCard.vue | 66 +++++++++++-------- 4 files changed, 64 insertions(+), 34 deletions(-) diff --git a/cookbook/templates/frontend/tandoor.html b/cookbook/templates/frontend/tandoor.html index dc0599358..c2edcc442 100644 --- a/cookbook/templates/frontend/tandoor.html +++ b/cookbook/templates/frontend/tandoor.html @@ -1,5 +1,10 @@ {% load django_vite %} +{% load theming_tags %} +{% load custom_tags %} + +{% theme_values request as theme_values %} + @@ -8,7 +13,21 @@ - + + + + + + + + + + + + + + +
diff --git a/vue3/src/components/display/HorizontalRecipeWindow.vue b/vue3/src/components/display/HorizontalRecipeWindow.vue index 9451b6486..b30fe48d6 100644 --- a/vue3/src/components/display/HorizontalRecipeWindow.vue +++ b/vue3/src/components/display/HorizontalRecipeWindow.vue @@ -57,7 +57,7 @@ const props = defineProps( const {title, recipes} = toRefs(props) let numberOfCols = computed(() => { - return mdAndUp.value ? 5 : 2 + return mdAndUp.value ? 4 : 2 }) type CustomWindow = { diff --git a/vue3/src/components/display/KeywordsBar.vue b/vue3/src/components/display/KeywordsBar.vue index a0d134e6a..47e1c9191 100644 --- a/vue3/src/components/display/KeywordsBar.vue +++ b/vue3/src/components/display/KeywordsBar.vue @@ -1,19 +1,20 @@