Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-16 08:52:21 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix: Improve recipe ingredient selection (#6518)

Browse Source 
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
This commit is contained in:
Arsène Reymond
2025-11-14 17:05:54 +01:00
committed by GitHub
parent 6f1fee5511
commit 930c92365d
3 changed files with 9 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/components/Domain/Recipe/RecipeIngredientEditor.vue
View File

@@ -173,9 +173,11 @@
:items="search.data.value || []"
item-title="name"
class="mx-1 py-0"
placeholder="Choose Recipe"
:placeholder="$t('search.type-to-search')"
clearable
label="Recipe"
:label="!model.referencedRecipe ? $t('recipe.choose-recipe') : ''"
@click="search.trigger()"
@focus="search.trigger()"
>
<template #prepend />
</v-autocomplete>

9
frontend/components/Domain/Recipe/RecipePage/RecipePageParts/RecipePageIngredientEditor.vue
View File

@@ -75,11 +75,11 @@
style="display: none"
@bulk-data="addIngredient"
/>
<div class="d-inline-flex split-button">
<div class="d-inline-flex">
<!-- Main button: Add Food -->
<v-btn
color="success"
class="split-main ml-2"
class="split-main ml-2"
@click="addIngredient"
>
<v-icon start>
@@ -263,11 +263,6 @@ function insertNewIngredient(dest: number) {
</script>
<style scoped>
.split-button {
border-radius: 4px;
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.split-main {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;