cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

playing with bottom nav

Browse Source
This commit is contained in:
vabene1111
2023-02-17 17:02:50 +01:00
parent 961578385d
commit 57fae34ff6
5 changed files with 66 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
vue/src/apps/RecipeSearchView/RecipeSearchView.vue
View File

@ -938,6 +938,8 @@
</div>
</div>
</div>
<bottom-navigation-bar></bottom-navigation-bar>
</div>
</div>
</div>
@ -962,6 +964,7 @@ import GenericMultiselect from "@/components/GenericMultiselect"
import RecipeSwitcher from "@/components/Buttons/RecipeSwitcher"
import {ApiApiFactory} from "@/utils/openapi/api"
import {useMealPlanStore} from "@/stores/MealPlanStore";
import BottomNavigationBar from "@/components/BottomNavigationBar.vue";
Vue.use(VueCookies)
Vue.use(BootstrapVue)
@ -972,7 +975,7 @@ let UI_COOKIE_NAME = "ui_search_settings"
export default {
name: "RecipeSearchView",
mixins: [ResolveUrlMixin, ApiMixin, ToastMixin],
components: {GenericMultiselect, RecipeCard, Treeselect, RecipeSwitcher, Multiselect},
components: {GenericMultiselect, RecipeCard, Treeselect, RecipeSwitcher, Multiselect, BottomNavigationBar},
data() {
return {
// this.Models and this.Actions inherited from ApiMixin
@ -1177,6 +1180,9 @@ export default {
},
isMobile: function () { //TODO move to central helper
return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)
},
isTouch: function () {
return window.matchMedia("(pointer: coarse)").matches
}
},
mounted() {