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

small fixes

Browse Source
This commit is contained in:
vabene1111
2025-01-13 17:15:16 +01:00
parent 827efbd783
commit 2f991b5557
6 changed files with 91 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -12,7 +12,7 @@
<v-window-item v-for="w in recipeWindows" class="pt-1 pb-1">
<v-row dense>
<v-col class="pr-0 pl-0" v-for="r in w" :key="r.id">
<recipe-card :recipe="r" :show_description="true" :show_keywords="true" style="height: 20vh"></recipe-card>
<recipe-card :recipe="r" :show_description="true" :show_keywords="true" ></recipe-card>
</v-col>
</v-row>
</v-window-item>

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

@@ -2,7 +2,7 @@
<template v-if="!props.loading">
<router-link :to="{name: 'view_recipe', params: {id: props.recipe.id}}">
<recipe-image :style="{'height': props.height}" :recipe="props.recipe" rounded="lg" class="mr-3 ml-3">
<recipe-image :style="{height: props.height}" :recipe="props.recipe" rounded="lg" class="mr-3 ml-3">
</recipe-image>
</router-link>
@@ -19,7 +19,7 @@
<!-- <p class="text-disabled">{{ props.recipe.createdBy.displayName}}</p>-->
<keywords-component variant="outlined" :keywords="props.recipe.keywords" :max-keywords="3">
<template #prepend>
<v-chip class="mb-1 me-1" size="x-small" label variant="outlined" color="info"
<v-chip class="mb-1 me-1" size="x-small" label variant="outlined" color="info"
v-if="!props.recipe.internal">
{{ $t('External') }}
</v-chip>

2
vue3/src/components/display/RecipeImage.vue
View File

@@ -17,7 +17,7 @@ const props = defineProps({
height: {type: String},
width: {type: String},
cover: {type: Boolean, default: true},
rounded: {type: Boolean as PropType<Boolean|String>, default: false},
rounded: {type: [Boolean, String], default: false},
})
const image = computed(() => {

12
vue3/src/components/display/RecipeView.vue
View File

@@ -78,27 +78,19 @@
<script setup lang="ts">
import {computed, defineComponent, PropType, ref, watch} from 'vue'
import {ApiApi, Ingredient, Recipe} from "@/openapi"
import KeywordsBar from "@/components/display/KeywordsBar.vue"
import {computed, ref, watch} from 'vue'
import {Recipe} from "@/openapi"
import NumberScalerDialog from "@/components/inputs/NumberScalerDialog.vue"
import IngredientsTable from "@/components/display/IngredientsTable.vue";
import StepsOverview from "@/components/display/StepsOverview.vue";
import Step from "@/components/display/Step.vue";
import RecipeActivity from "@/components/display/RecipeActivity.vue";
import RecipeContextMenu from "@/components/inputs/RecipeContextMenu.vue";
import KeywordsComponent from "@/components/display/KeywordsBar.vue";
import RecipeImage from "@/components/display/RecipeImage.vue";
import PdfViewer from "../../../../vue/src/components/PdfViewer.vue";
import ImageViewer from "../../../../vue/src/components/ImageViewer.vue";
import ExternalRecipeViewer from "@/components/display/ExternalRecipeViewer.vue";
const recipe = defineModel<Recipe>({required: true})
const props = defineProps({
})
const servings = ref(1)
const showFullRecipeName = ref(false)