mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 12:18:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

improving the start page layout

Browse Source
This commit is contained in:
vabene1111
2024-07-31 18:56:43 +02:00
parent abff1136f9
commit 65b451b465
6 changed files with 96 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
vue3/src/components/display/HorizontalMealPlanWindow.vue
View File

@@ -1,9 +1,9 @@
<template>
<v-row justify="space-between">
<v-col>
<h2><i class="fas fa-calendar-week fa-fw"></i> Meal Plans</h2>
</v-col>
</v-row>
<!-- <v-row justify="space-between">-->
<!-- <v-col>-->
<!-- <h2><i class="fas fa-calendar-week fa-fw"></i> Meal Plans</h2>-->
<!-- </v-col>-->
<!-- </v-row>-->
<v-row class="mt-0" v-if="mealPlanWindows.length > 0">
<v-col>

4
vue3/src/components/display/HorizontalRecipeWindow.vue
View File

@@ -1,7 +1,7 @@
<template>
<v-row justify="space-between">
<v-col>
<h2><i v-if="icon != 'undefined'" :class="icon + ' fa-fw'"></i> {{ title }}</h2>
<h4><i v-if="icon != 'undefined'" :class="icon + ' fa-fw'"></i> {{ title }}</h4>
</v-col>
</v-row>
@@ -11,7 +11,7 @@
<v-window-item v-for="w in recipeWindows" class="pt-1 pb-1">
<v-row>
<v-col v-for="r in w" :key="r.id">
<recipe-card :recipe="r" :show_description="true" :show_keywords="true" style="height: 25vh"></recipe-card>
<recipe-card :recipe="r" :show_description="true" :show_keywords="true" style="height: 20vh"></recipe-card>
</v-col>
</v-row>
</v-window-item>

24
vue3/src/components/display/RecipeCard.vue
View File

@@ -10,7 +10,7 @@
>
<template v-slot:activator="{ props }">
<recipe-image
height="60%"
height="70%"
width="100%"
:recipe="componentProps.recipe"
>
@@ -31,17 +31,17 @@
<!-- TODO decide if context menu should be re-added (maybe make it a setting) -->
<!-- <recipe-context-menu class="float-end" :recipe="recipe"></recipe-context-menu>-->
</v-card-item>
<v-card-text>
<div class="text-rows-2">
<keywords-component variant="outlined" :keywords="componentProps.recipe.keywords">
<template #prepend>
<v-chip class="mb-1 me-1" size="x-small" prepend-icon="far fa-clock" label variant="outlined" v-if="componentProps.recipe.workingTime != undefined && componentProps.recipe.workingTime > 0">
{{ recipe.workingTime! + recipe.waitingTime! }}
</v-chip>
</template>
</keywords-component>
</div>
</v-card-text>
<!-- <v-card-text>-->
<!-- <div class="text-rows-2">-->
<!-- <keywords-component variant="outlined" :keywords="componentProps.recipe.keywords">-->
<!-- <template #prepend>-->
<!-- <v-chip class="mb-1 me-1" size="x-small" prepend-icon="far fa-clock" label variant="outlined" v-if="componentProps.recipe.workingTime != undefined && componentProps.recipe.workingTime > 0">-->
<!-- {{ recipe.workingTime! + recipe.waitingTime! }}-->
<!-- </v-chip>-->
<!-- </template>-->
<!-- </keywords-component>-->
<!-- </div>-->
<!-- </v-card-text>-->
</v-card>
</template>