Mirrors/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-11-06 03:56:35 -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

18
frontend/src/pages/Admin/Profile/APITokenCard.vue
View File

@@ -3,7 +3,7 @@
<template v-slot:after-heading>
<div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light">
{{$t('settings.token.api-tokens')}}
{{ $t("settings.token.api-tokens") }}
</h2>
<h3 class="display-2 font-weight-light text--primary">
<small> {{ user.tokens.length }} </small>
@@ -11,7 +11,7 @@
</div>
</template>
<template v-slot:bottom>
<v-subheader class="mb-n2">{{$t('settings.token.active-tokens')}}</v-subheader>
<v-subheader class="mb-n2">{{ $t("settings.token.active-tokens") }}</v-subheader>
<v-virtual-scroll height="210" item-height="70" :items="user.tokens" class="mt-2">
<template v-slot:default="{ item }">
<v-divider></v-divider>
@@ -28,7 +28,7 @@
<v-list-item-action class="ml-auto">
<v-btn large icon @click.stop="deleteToken(item.id)">
<v-icon color="accent">mdi-delete</v-icon>
<v-icon color="accent">{{ $globals.icons.delete }}</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>
@@ -62,14 +62,18 @@
>
</v-textarea>
<v-subheader class="text-center">
{{$t('settings.token.copy-this-token-for-use-with-an-external-application-this-token-will-not-be-viewable-again')}}
{{
$t(
"settings.token.copy-this-token-for-use-with-an-external-application-this-token-will-not-be-viewable-again"
)
}}
</v-subheader>
</div>
</v-card-text>
<template v-slot:open="{ open }">
<v-btn color="success" @click="open">
<v-icon left> mdi-plus </v-icon>
<v-icon left> {{ $globals.icons.create }} </v-icon>
{{ $t("general.create") }}
</v-btn>
</template>
@@ -109,9 +113,9 @@ export default {
},
buttonText() {
if (this.createdToken === "") {
return this.$t('general.create');
return this.$t("general.create");
} else {
return this.$t('general.close');
return this.$t("general.close");
}
},
},

16
frontend/src/pages/Admin/Profile/ProfileGroupCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<StatCard icon="mdi-account-group">
<StatCard :icon="$globals.icons.group">
<template v-slot:after-heading>
<div class="ml-auto text-right">
<div class="body-3 grey--text font-weight-light" v-text="$t('group.group')" />
@@ -11,7 +11,7 @@
</template>
<template v-slot:bottom>
<div v-if="todaysMeal">
<v-subheader>{{$t('meal-plan.dinner-tonight')}}</v-subheader>
<v-subheader>{{ $t("meal-plan.dinner-tonight") }}</v-subheader>
<MobileRecipeCard
:name="todaysMeal.name"
:slug="todaysMeal.slug"
@@ -48,12 +48,12 @@
<v-icon x-large>
mdi-food-variant
</v-icon>
<small> {{$t('meal-plan.mealplan-settings')}} </small>
<small> {{ $t("meal-plan.mealplan-settings") }} </small>
</h3>
</div>
<v-divider></v-divider>
<v-subheader>{{$t('meal-plan.mealplan-categories')}}</v-subheader>
<v-subheader>{{ $t("meal-plan.mealplan-categories") }}</v-subheader>
<v-card-text class="mt-0 pt-0">
{{ $t("meal-plan.only-recipes-with-these-categories-will-be-used-in-meal-plans") }}
</v-card-text>
@@ -66,7 +66,7 @@
/>
<v-divider></v-divider>
<v-subheader>{{$t('settings.webhooks.webhooks-caps')}}</v-subheader>
<v-subheader>{{ $t("settings.webhooks.webhooks-caps") }}</v-subheader>
<v-card-text class="mt-0 pt-0">
{{
$t(
@@ -82,7 +82,7 @@
<v-card-text>
<v-text-field
prepend-icon="mdi-delete"
:prepend-icon="$globals.icons.delete"
v-for="(url, index) in groupSettings.webhookUrls"
@click:prepend="removeWebhook(index)"
:key="index"
@@ -93,7 +93,7 @@
<v-spacer></v-spacer>
<v-btn small color="success" @click="addWebhook">
<v-icon left> mdi-webhook </v-icon>
{{$t('general.new')}}
{{ $t("general.new") }}
</v-btn>
</v-card-actions>
</v-card-text>
@@ -106,7 +106,7 @@
</v-btn>
<v-spacer></v-spacer>
<v-btn color="success" @click="saveGroupSettings">
<v-icon left> mdi-content-save </v-icon>
<v-icon left> {{ $globals.icons.save }} </v-icon>
{{ $t("general.update") }}
</v-btn>
</v-card-actions>

4
frontend/src/pages/Admin/Profile/ProfileThemeCard.vue
View File

@@ -64,7 +64,7 @@
<v-list-item-action class="ml-auto">
<v-btn large icon @click.stop="editTheme(item)">
<v-icon color="accent">mdi-square-edit-outline</v-icon>
<v-icon color="accent">{{ $globals.icons.edit }}</v-icon>
</v-btn>
</v-list-item-action>
</v-list-item>
@@ -75,7 +75,7 @@
<v-card-actions>
<v-spacer class="mx-2"></v-spacer>
<v-btn class="my-1 mb-n1" color="success" @click="createTheme">
<v-icon left> mdi-plus </v-icon> {{ $t("general.create") }}
<v-icon left> {{ $globals.icons.create }} </v-icon> {{ $t("general.create") }}
</v-btn>
</v-card-actions>
</template>

4
frontend/src/pages/Admin/Profile/UserCard.vue
View File

@@ -1,5 +1,5 @@
<template>
<StatCard icon="mdi-account">
<StatCard :icon="$globals.icons.user">
<template v-slot:avatar>
<v-avatar color="accent" size="120" class="white--text headline mt-n16">
<img :src="userProfileImage" v-if="!hideImage" @error="hideImage = true" @load="hideImage = false" />
@@ -90,7 +90,7 @@
/>
<v-spacer></v-spacer>
<v-btn color="success" @click="updateUser">
<v-icon left> mdi-content-save </v-icon>
<v-icon left> {{ $globals.icons.save }} </v-icon>
{{ $t("general.update") }}
</v-btn>
</v-card-actions>