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

UI/UX improvements (#2423)

Browse source 
* disable autofocus and hide keyboard on enter

* improve a11y

* fix non-translated string

* improve recipeTimeline UI

* format

* fixes
This commit is contained in:
Arsène Reymond 2023-08-21 20:41:18 +02:00 • committed by GitHub
parent 1e693fdca6
commit 99e7717fec
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 95 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8,8 +8,7 @@
</v-btn>
</v-col>
</v-row>
<v-divider v-if="timelineEvents.length" />
<v-card
<div
v-if="timelineEvents.length"
id="timeline-container"
height="fit-content"
@ -27,13 +26,13 @@
@delete="deleteTimelineEvent(index)"
/>
</v-timeline>
</v-card>
</div>
<v-card v-else-if="!loading">
<v-card-title class="justify-center pa-9">
{{ $t("recipe.timeline-is-empty") }}
</v-card-title>
</v-card>
<div v-if="loading" class="pb-3">
<div v-if="loading" class="mb-3">
<AppLoader :loading="loading" :waiting-text="$tc('general.loading-events')" />
</div>
</div>