mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-02 12:49:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

general UI tweaks

Browse Source
This commit is contained in:
vabene1111
2024-03-02 07:58:58 +01:00
committed by smilerz
parent 8006d7663c
commit 45f8d2b1c8
3 changed files with 42 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
vue3/src/apps/tandoor/Tandoor.vue
View File

@@ -3,10 +3,12 @@
<v-app-bar color="tandoor" flat density="comfortable"> <v-app-bar color="tandoor" flat density="comfortable">
<v-img class="ms-2" src="../../assets/brand_logo.svg"></v-img> <router-link :to="{name: 'view_search', params: {}}">
<v-img src="../../assets/brand_logo.svg" width="140px" class="ms-2"></v-img>
</router-link>
<global-search-dialog></global-search-dialog> <global-search-dialog></global-search-dialog>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<v-btn density="compact" icon="fas fa-ellipsis-v"></v-btn> <!-- <v-btn density="compact" icon="fas fa-ellipsis-v"></v-btn>-->
</v-app-bar> </v-app-bar>
@@ -16,7 +18,7 @@
</v-container> </v-container>
</v-main> </v-main>
<v-bottom-navigation> <v-bottom-navigation grow>
<v-btn value="recent" to="/search"> <v-btn value="recent" to="/search">
<v-icon icon="fas fa-book"/> <v-icon icon="fas fa-book"/>
<span>Recipes</span> <span>Recipes</span>

13
vue3/src/components/inputs/GlobalSearchDialog.vue
View File

@@ -1,14 +1,11 @@
<template> <template>
<v-dialog width="90%" max-width="800px" activator="parent" v-model="dialog" location="id_dialog_anchor"
location-strategy="connected"
>
<template v-slot:activator="{ props }">
<slot name="activator"> <slot name="activator">
<v-btn v-bind="props" size="small" density="default" variant="outlined"><i class="fas fa-search mr-1"></i> Search</v-btn> <v-btn @click="dialog = true"><i class="fas fa-search mr-1"></i> Search</v-btn>
</slot> </slot>
</template>
<template v-slot:default="{ isActive }"> <v-dialog width="90%" max-width="800px" v-model="dialog" location="id_dialog_anchor"
location-strategy="connected">
<v-card> <v-card>
<v-card-text class="pb-0"> <v-card-text class="pb-0">
<v-text-field <v-text-field
@@ -34,7 +31,7 @@
</v-card-text> </v-card-text>
</v-card> </v-card>
</template>
</v-dialog> </v-dialog>
</template> </template>

9
vue3/src/pages/RecipeSearchPage.vue
View File

@@ -1,16 +1,13 @@
<template> <template>
<v-container> <v-container>
<!--TODO ideas for "start page": new recipes, meal plan, "last year/month/cooked long ago", high rated, random keyword -->
<horizontal-recipe-scroller title="New Recipes" :recipes="new_recipes"></horizontal-recipe-scroller> <horizontal-recipe-scroller title="New Recipes" :recipes="new_recipes"></horizontal-recipe-scroller>
<horizontal-recipe-scroller title="Top Rated" :recipes="high_rated_recipes"></horizontal-recipe-scroller> <horizontal-recipe-scroller title="Top Rated" :recipes="high_rated_recipes"></horizontal-recipe-scroller>
</v-container> </v-container>
<!--TODO ideas for "start page": new recipes, meal plan, "last year/month/cooked long ago", high rated, random keyword -->
</template> </template>
<script lang="ts"> <script lang="ts">
@@ -51,9 +48,7 @@ export default defineComponent({
}) })
}, },
methods: { methods: {}
}
}) })
</script> </script>