1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-04 04:55:21 +02:00

ui color/theme improvement

This commit is contained in:
Hayden 2021-01-08 19:57:28 -09:00
parent 86c1fd8e9d
commit 7b6fdc7619
12 changed files with 41 additions and 33 deletions

View file

@ -1,8 +1,7 @@
<template>
<v-card>
<v-card-title class="secondary white--text"> Edit Meal Plan </v-card-title>
<v-card-text> </v-card-text>
<v-card-title class="headline"> Edit Meal Plan </v-card-title>
<v-divider></v-divider>
<v-card-text>
<MealPlanCard v-model="mealPlan.meals" />
<v-row align="center" justify="end">

View file

@ -1,8 +1,7 @@
<template>
<v-card>
<v-card-title class="secondary white--text">
Create a New Meal Plan
</v-card-title>
<v-card-title class="headline"> Create a New Meal Plan </v-card-title>
<v-divider></v-divider>
<v-card-text>
<v-row dense>
<v-col cols="12" lg="6" md="6" sm="12">

View file

@ -56,7 +56,7 @@
<v-spacer></v-spacer>
<v-btn color="success" text @click="save"> I accept </v-btn>
<v-btn color="success" text @click="save"> Save </v-btn>
</v-card-actions>
</v-card>
</v-dialog>
@ -75,7 +75,8 @@ export default {
formKey: 1,
rules: {
required: (v) => !!v || "Key Name Required",
whiteSpace: (v) => !v || v.split(" ").length <= 1 || "No White Space Allowed",
whiteSpace: (v) =>
!v || v.split(" ").length <= 1 || "No White Space Allowed",
},
};
},

View file

@ -50,7 +50,7 @@
<h2 class="mt-4">Categories</h2>
<v-chip
class="ma-1"
color="primary"
color="accent"
dark
v-for="category in categories"
:key="category"
@ -63,7 +63,7 @@
<h2 class="mt-4">Tags</h2>
<v-chip
class="ma-1"
color="primary"
color="accent"
dark
v-for="tag in tags"
:key="tag"

View file

@ -1,8 +1,7 @@
<template>
<v-card :loading="backupLoading" class="mt-3" min-height="410px">
<v-card-title class="secondary white--text">
Backup and Exports
</v-card-title>
<v-card :loading="backupLoading">
<v-card-title class="headline"> Backup and Exports </v-card-title>
<v-divider></v-divider>
<v-card-text>
<p>

View file

@ -1,8 +1,7 @@
<template>
<v-card :loading="loading">
<v-card-title class="secondary white--text mt-1">
Recipe Migration
</v-card-title>
<v-card-title class="headline"> Recipe Migration </v-card-title>
<v-divider></v-divider>
<v-card-text>
<p>
Currently Chowdown via public Repo URL is the only supported type of

View file

@ -1,6 +1,6 @@
<template>
<div>
<v-btn text color="success" @click="dialog = true"> New </v-btn>
<v-btn text color="info" @click="dialog = true"> New </v-btn>
<v-dialog v-model="dialog" width="400">
<v-card>
<v-card-title> Add a New Theme </v-card-title>

View file

@ -1,7 +1,7 @@
<template>
<v-card>
<v-card-title class="secondary white--text"> Theme Settings </v-card-title>
<v-card-title class="headline"> Theme Settings </v-card-title>
<v-divider></v-divider>
<v-card-text>
<h2 class="mt-4 mb-1">Dark Mode</h2>
<p>
@ -25,7 +25,7 @@
</v-col>
</v-row></v-card-text
>
<v-divider class=""></v-divider>
<v-divider></v-divider>
<v-card-text>
<h2 class="mt-1 mb-1">Theme</h2>
<p>
@ -93,7 +93,10 @@
/>
</v-col>
<v-col>
<ColorPickerDialog button-text="Info" v-model="selectedTheme.colors.info" />
<ColorPickerDialog
button-text="Info"
v-model="selectedTheme.colors.info"
/>
</v-col>
<v-col>
<ColorPickerDialog

View file

@ -1,6 +1,6 @@
<template>
<v-card>
<v-card-title class="secondary white--text mt-1">
<v-card-title class="headline">
Meal Planner Webhooks
</v-card-title>
<v-card-text>