Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-10-31 10:13:32 -04:00
Code Issues Packages Projects Releases Wiki Activity

ux: unify UI based on user-feedback (#1216)

Browse Source 
* unify UI based on user-feedback

* fix layout shify error

* implement drag and drop animation
This commit is contained in:
Hayden
2022-05-11 17:14:03 -08:00
committed by GitHub
parent 8f1c082d79
commit 4fe19b88ca
9 changed files with 282 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/Domain/Recipe/RecipeCard.vue
View File

@@ -24,19 +24,21 @@
</div>
</v-expand-transition>
</RecipeCardImage>
<v-card-title class="my-n3 mb-n6">
<v-card-title class="my-n3 px-2 mb-n6">
<div class="headerClass">
{{ name }}
</div>
</v-card-title>
<slot name="actions">
<v-card-actions>
<RecipeFavoriteBadge v-if="loggedIn" :slug="slug" show-always />
<RecipeRating :value="rating" :name="name" :slug="slug" :small="true" />
<v-card-actions class="px-1">
<RecipeFavoriteBadge v-if="loggedIn" class="absolute" :slug="slug" show-always />
<RecipeRating class="pb-1" :value="rating" :name="name" :slug="slug" :small="true" />
<v-spacer></v-spacer>
<RecipeChips :truncate="true" :items="tags" :title="false" :limit="2" :small="true" url-prefix="tags" />
<RecipeContextMenu
color="grey darken-2"
:slug="slug"
:name="name"
:recipe-id="recipeId"