Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2026-01-05 16:41:24 -05:00
Code Issues Packages Projects Releases Wiki Activity

Feature/style unification (#420)

Browse Source 
* set global icons

* fixes #419

* button style docs

* category/tag page updates

* dynamic router imports

Co-authored-by: hay-kot <hay-kot@pm.me>
This commit is contained in:
Hayden
2021-05-23 12:38:55 -08:00
committed by GitHub
parent ef87f2231d
commit eb3d56936e
78 changed files with 332 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/Recipe/CardImage.vue
View File

@@ -14,7 +14,7 @@
<slot> </slot>
</div>
<v-icon color="primary" class="icon-position" :size="iconSize">
mdi-silverware-variant
{{ $globals.icons.primary }}
</v-icon>
</div>
</div>

4
frontend/src/components/Recipe/ContextMenu.vue
View File

@@ -75,13 +75,13 @@ export default {
return [
{
title: this.$t("general.delete"),
icon: "mdi-delete",
icon: this.$globals.icons.delete,
color: "error",
action: "delete",
},
{
title: this.$t("general.edit"),
icon: "mdi-square-edit-outline",
icon: this.$globals.icons.edit,
color: "accent",
action: "edit",
},

6
frontend/src/components/Recipe/EditorButtonRow.vue
View File

@@ -19,18 +19,18 @@
<v-col></v-col>
<div v-if="open">
<v-btn class="mr-2" fab dark small color="error" @click="deleteRecipeConfrim">
<v-icon>mdi-delete</v-icon>
<v-icon>{{ $globals.icons.delete }}</v-icon>
</v-btn>
<v-btn class="mr-2" fab dark small color="success" @click="save">
<v-icon>mdi-content-save</v-icon>
<v-icon>{{ $globals.icons.save }}</v-icon>
</v-btn>
<v-btn class="mr-5" fab dark small color="secondary" @click="json">
<v-icon>mdi-code-braces</v-icon>
</v-btn>
</div>
<v-btn color="accent" fab dark small @click="editor">
<v-icon>mdi-square-edit-outline</v-icon>
<v-icon>{{ $globals.icons.edit }}</v-icon>
</v-btn>
</template>
</v-toolbar>

2
frontend/src/components/Recipe/MobileRecipeCard.vue
View File

@@ -9,7 +9,7 @@
@error="fallBackImage = true"
></v-img>
<v-icon v-else color="primary" class="icon-position" size="100">
mdi-silverware-variant
{{ $globals.icons.primary }}
</v-icon>
</v-list-item-avatar>
<v-list-item-content>

4
frontend/src/components/Recipe/Parts/Assets.vue
View File

@@ -19,7 +19,7 @@
</v-btn>
<div v-else>
<v-btn color="error" icon @click="deleteAsset(i)" top>
<v-icon>mdi-delete</v-icon>
<v-icon>{{ $globals.icons.delete }}</v-icon>
</v-btn>
<v-btn color="primary" icon @click="copyLink(item.name, item.fileName)" top>
<v-icon>mdi-content-copy</v-icon>
@@ -34,7 +34,7 @@
<base-dialog @submit="addAsset" :title="$t('recipe.new-asset')" :title-icon="newAsset.icon">
<template v-slot:open="{ open }">
<v-btn color="secondary" dark @click="open" v-if="edit">
<v-icon>mdi-plus</v-icon>
<v-icon>{{ $globals.icons.create }}</v-icon>
</v-btn>
</template>
<v-card-text class="pt-2">

2
frontend/src/components/Recipe/Parts/Helpers/ExtrasEditor.vue
View File

@@ -12,7 +12,7 @@
<v-row align="center" v-for="(value, key, index) in extras" :key="index">
<v-col cols="12" sm="1">
<v-btn fab text x-small color="white" elevation="0" @click="removeExtra(key)">
<v-icon color="error">mdi-delete</v-icon>
<v-icon color="error">{{ $globals.icons.delete }}</v-icon>
</v-btn>
</v-col>
<v-col cols="12" md="3" sm="6">

4
frontend/src/components/Recipe/Parts/Ingredients.vue
View File

@@ -20,7 +20,7 @@
<v-icon class="handle">mdi-arrow-up-down</v-icon>
</template>
<v-icon class="mr-n1" slot="prepend" color="error" @click="removeByIndex(value, index)">
mdi-delete
{{ $globals.icons.delete }}
</v-icon>
</v-textarea>
</v-row>
@@ -31,7 +31,7 @@
<div class="d-flex row justify-end">
<BulkAdd @bulk-data="addIngredient" class="mr-2" />
<v-btn color="secondary" dark @click="addIngredient" class="mr-4">
<v-icon>mdi-plus</v-icon>
<v-icon>{{ $globals.icons.create }}</v-icon>
</v-btn>
</div>
</div>

2
frontend/src/components/Recipe/Parts/Instructions.vue
View File

@@ -37,7 +37,7 @@
elevation="0"
@click="removeByIndex(value, index)"
>
<v-icon size="24" color="error">mdi-delete</v-icon>
<v-icon size="24" color="error">{{ $globals.icons.delete }}</v-icon>
</v-btn>
{{ $t("recipe.step-index", { step: index + 1 }) }}
<v-btn v-if="edit" text color="primary" class="ml-auto" @click="toggleShowTitle(index)">

4
frontend/src/components/Recipe/Parts/Notes.vue
View File

@@ -6,7 +6,7 @@
<v-card-text>
<v-row align="center">
<v-btn fab x-small color="white" class="mr-2" elevation="0" @click="removeByIndex(value, index)">
<v-icon color="error">mdi-delete</v-icon>
<v-icon color="error">{{ $globals.icons.delete }}</v-icon>
</v-btn>
<v-text-field :label="$t('recipe.title')" v-model="value[index]['title']"></v-text-field>
</v-row>
@@ -27,7 +27,7 @@
<div class="d-flex justify-end" v-if="edit">
<v-btn class="mt-1" color="secondary" dark @click="addNote">
<v-icon>mdi-plus</v-icon>
<v-icon>{{ $globals.icons.create }}</v-icon>
</v-btn>
</div>
</div>

2
frontend/src/components/Recipe/RecipeEditor/index.vue
View File

@@ -69,7 +69,7 @@
<div class="d-flex row justify-end mt-2">
<BulkAdd @bulk-data="appendSteps" class="mr-2" />
<v-btn color="secondary" dark @click="addStep" class="mr-4">
<v-icon>mdi-plus</v-icon>
<v-icon>{{ $globals.icons.create }}</v-icon>
</v-btn>
</div>
<Notes :edit="true" v-model="value.notes" />