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

sizing and navs

Browse Source
This commit is contained in:
vabene1111
2024-04-07 08:29:21 +02:00
parent 1cd9caef4a
commit cb8dd3bc99
6 changed files with 59 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,39 +1,47 @@
<template>
<v-app >
<v-app>
<v-app-bar color="tandoor" flat density="comfortable">
<router-link :to="{name: 'view_start', params: {}}">
<router-link :to="{name: 'view_home', params: {}}">
<v-img src="../../assets/brand_logo.svg" width="140px" class="ms-2"></v-img>
</router-link>
<global-search-dialog></global-search-dialog>
<v-spacer></v-spacer>
<!-- <v-btn density="compact" icon="fas fa-ellipsis-v"></v-btn>-->
<global-search-dialog></global-search-dialog>
<v-avatar color="cyan" class="me-2">V</v-avatar>
</v-app-bar>
<v-main>
<router-view></router-view>
</v-main>
<v-bottom-navigation grow>
<v-btn value="recent" to="/">
<v-icon icon="fas fa-book"/>
<v-navigation-drawer>
<v-list-item title="My Application" subtitle="Vuetify"></v-list-item>
<v-divider></v-divider>
<v-list-item prepend-icon="fas fa-book" title="Home" :to="{name: 'view_home', params: {}}"></v-list-item>
<v-list-item prepend-icon="fas fa-calendar-alt" title="Mealplan" :to="{name: 'view_mealplan', params: {}}"></v-list-item>
<v-list-item prepend-icon="fas fa-shopping-cart" title="Shopping" :to="{name: 'view_shopping', params: {}}"></v-list-item>
<v-list-item prepend-icon="fas fa-bars" title="More" :to="{name: 'view_books', params: {}}"></v-list-item> <!-- TODO link -->
</v-navigation-drawer>
<v-bottom-navigation grow class="d-lg-none">
<v-btn value="recent" :to="{name: 'view_home', params: {}}">
<v-icon icon="fa-fw fas fa-book "/>
<span>Recipes</span>
</v-btn>
<v-btn value="favorites" to="/mealplan">
<v-icon icon="fas fa-calendar-alt"></v-icon>
<v-icon icon="fa-fw fas fa-calendar-alt"></v-icon>
<span>MealPlan</span>
</v-btn>
<v-btn value="nearby" to="/shopping">
<v-icon icon="fas fa-shopping-cart"></v-icon>
<v-icon icon="fa-fw fas fa-shopping-cart"></v-icon>
<span>Shopping</span>
</v-btn>
<v-btn value="nearby" to="/books">
<v-icon icon="fas fa-bars"></v-icon>
<v-btn value="nearby" to="/books"> <!-- TODO link -->
<v-icon icon="fa-fw fas fa-bars"></v-icon>
<span>More</span>
</v-btn>

2
vue3/src/apps/tandoor/main.ts
View File

@@ -18,7 +18,7 @@ import vueform from '@/vueform'
import SearchPage from "@/pages/SearchPage.vue";
const routes = [
{path: '/', component: StartPage, name: 'view_start'},
{path: '/', component: StartPage, name: 'view_home'},
{path: '/search', component: SearchPage, name: 'view_search'},
{path: '/shopping', component: ShoppingListPage, name: 'view_shopping'},
{path: '/mealplan', component: MealPlanPage, name: 'view_mealplan'},