Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-24 07:39:41 +02:00
Code Issues Releases Activity

fix: recipe timeline UI glitches (#2519)

Browse source 
* fix invalid undefined prop

* fixed weird rendering

* made items pop more against background

* fixed invalid v-if

* fixed indentation
This commit is contained in:
Michael Genson 2023-08-23 12:30:59 -05:00 • committed by GitHub
parent 5213a61d9b
commit 5c5432304f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 69 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

4
frontend/components/Domain/Recipe/RecipeTimeline.vue
View file

@ -1,5 +1,5 @@
<template>
<div :style="maxHeight ? `max-height: ${maxHeight}; overflow-y: auto;` : ''" @scroll="onScroll($event)">
<div style="height: 100%;">
<v-row class="my-0 mx-7">
<v-spacer />
<v-col class="text-right">
@ -8,12 +8,14 @@
</v-btn>
</v-col>
</v-row>
<v-divider class="mx-2" />
<div
v-if="timelineEvents.length"
id="timeline-container"
height="fit-content"
width="100%"
class="px-1"
:style="maxHeight ? `max-height: ${maxHeight}; overflow-y: auto;` : ''"
>
<v-timeline :dense="$vuetify.breakpoint.smAndDown" class="timeline">
<RecipeTimelineItem