github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-24 07:15:24 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 7

fix double highlight

Browse source
This commit is contained in:
Michael Genson 2025-07-26 22:01:08 +00:00
commit ef0e7b1f9a
2 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

13
frontend/components/Domain/Recipe/RecipeCardMobile.vue
View file

@ -3,7 +3,10 @@
<v-expand-transition> <v-expand-transition>
<v-card <v-card
:ripple="false" :ripple="false"
:class="isFlat ? 'mx-auto flat' : 'mx-auto'" :class="[
isFlat ? 'mx-auto flat' : 'mx-auto',
{ 'disable-highlight': disableHighlight }
]"
:style="{ cursor }" :style="{ cursor }"
hover hover
height="100%" height="100%"
@ -181,6 +184,10 @@ export default defineNuxtComponent({
type: [Number], type: [Number],
default: 150, default: 150,
}, },
disableHighlight: {
type: Boolean,
default: false,
},
}, },
emits: ["selected", "delete"], emits: ["selected", "delete"],
setup(props) { setup(props) {
@ -241,4 +248,8 @@ export default defineNuxtComponent({
box-shadow: none !important; box-shadow: none !important;
background-color: transparent !important; background-color: transparent !important;
} }
.disable-highlight :deep(.v-card__overlay) {
opacity: 0 !important;
}
</style> </style>

1
frontend/components/Domain/Recipe/RecipeTimelineItem.vue
View file

@ -53,6 +53,7 @@
<v-row :class="useMobileFormat ? 'py-3 mx-0' : 'py-3 mx-0'" style="max-width: 100%"> <v-row :class="useMobileFormat ? 'py-3 mx-0' : 'py-3 mx-0'" style="max-width: 100%">
<v-col align-self="center" class="pa-0"> <v-col align-self="center" class="pa-0">
<RecipeCardMobile <RecipeCardMobile
disable-highlight
:vertical="useMobileFormat" :vertical="useMobileFormat"
:name="recipe.name" :name="recipe.name"
:slug="recipe.slug" :slug="recipe.slug"