set colors

This commit is contained in:
hay-kot 2021-05-07 13:16:44 -08:00
commit 121324c3b9
4 changed files with 12 additions and 12 deletions

View file

@ -12,7 +12,7 @@
<template v-slot:after-heading> <template v-slot:after-heading>
<div class="ml-auto text-right"> <div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light"> <h2 class="body-3 grey--text font-weight-light">
{{$t('settings.backup-and-exports')}} {{ $t("settings.backup-and-exports") }}
</h2> </h2>
<h3 class="display-2 font-weight-light text--primary"> <h3 class="display-2 font-weight-light text--primary">
@ -23,15 +23,15 @@
<div class="d-flex row py-3 justify-end"> <div class="d-flex row py-3 justify-end">
<TheUploadBtn url="/api/backups/upload" @uploaded="getAvailableBackups"> <TheUploadBtn url="/api/backups/upload" @uploaded="getAvailableBackups">
<template v-slot="{ isSelecting, onButtonClick }"> <template v-slot="{ isSelecting, onButtonClick }">
<v-btn :loading="isSelecting" class="mx-2" small :color="color" @click="onButtonClick"> <v-btn :loading="isSelecting" class="mx-2" small color="info" @click="onButtonClick">
<v-icon left> mdi-cloud-upload </v-icon> {{$t('general.upload')}} <v-icon left> mdi-cloud-upload </v-icon> {{ $t("general.upload") }}
</v-btn> </v-btn>
</template> </template>
</TheUploadBtn> </TheUploadBtn>
<BackupDialog :color="color" /> <BackupDialog :color="color" />
<v-btn :loading="loading" class="mx-2" small :color="color" @click="createBackup"> <v-btn :loading="loading" class="mx-2" small color="success" @click="createBackup">
<v-icon left> mdi-plus </v-icon> {{$t('general.create')}} <v-icon left> mdi-plus </v-icon> {{ $t("general.create") }}
</v-btn> </v-btn>
</div> </div>
<template v-slot:bottom> <template v-slot:bottom>

View file

@ -4,7 +4,7 @@
<template v-slot:after-heading> <template v-slot:after-heading>
<div class="ml-auto text-right"> <div class="ml-auto text-right">
<h2 class="body-3 grey--text font-weight-light"> <h2 class="body-3 grey--text font-weight-light">
{{$t('settings.events')}} {{ $t("settings.events") }}
</h2> </h2>
<h3 class="display-2 font-weight-light text--primary"> <h3 class="display-2 font-weight-light text--primary">
@ -13,8 +13,8 @@
</div> </div>
</template> </template>
<div class="d-flex row py-3 justify-end"> <div class="d-flex row py-3 justify-end">
<v-btn class="mx-2" small :color="color" @click="deleteAll"> <v-btn class="mx-2" small color="error lighten-1" @click="deleteAll">
<v-icon left> mdi-notification-clear-all </v-icon> {{$t('general.clear')}} <v-icon left> mdi-notification-clear-all </v-icon> {{ $t("general.clear") }}
</v-btn> </v-btn>
</div> </div>
<template v-slot:bottom> <template v-slot:bottom>

View file

@ -27,7 +27,7 @@
:top="true" :top="true"
> >
<template v-slot:open="{ open }"> <template v-slot:open="{ open }">
<v-btn color="primary" class="mr-1" small @click="open"> <v-btn color="info" class="mr-1" small @click="open">
<v-icon left>mdi-lock</v-icon> <v-icon left>mdi-lock</v-icon>
Change Password Change Password
</v-btn> </v-btn>
@ -99,7 +99,6 @@
</template> </template>
<script> <script>
import BaseDialog from "@/components/UI/Dialogs/BaseDialog"; import BaseDialog from "@/components/UI/Dialogs/BaseDialog";
import StatCard from "@/components/UI/StatCard"; import StatCard from "@/components/UI/StatCard";
import TheUploadBtn from "@/components/UI/Buttons/TheUploadBtn"; import TheUploadBtn from "@/components/UI/Buttons/TheUploadBtn";

View file

@ -1,9 +1,10 @@
<template> <template>
<v-card outlined class="mt-n1"> <v-card outlined class="mt-n1">
<base-dialog <BaseDialog
ref="renameDialog" ref="renameDialog"
title-icon="mdi-tag" title-icon="mdi-tag"
:title="renameTarget.title" :title="renameTarget.title"
:submit-text="$t('general.update')"
modal-width="800" modal-width="800"
@submit="renameFromDialog(renameTarget.slug, renameTarget.newName)" @submit="renameFromDialog(renameTarget.slug, renameTarget.newName)"
> >
@ -32,7 +33,7 @@
:tags="recipe.tags" :tags="recipe.tags"
/> />
</template> </template>
</base-dialog> </BaseDialog>
<div class="d-flex justify-center align-center pa-2 flex-wrap"> <div class="d-flex justify-center align-center pa-2 flex-wrap">
<new-category-tag-dialog ref="newDialog" :tag-dialog="isTags"> <new-category-tag-dialog ref="newDialog" :tag-dialog="isTags">