mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-11 09:07:12 -05:00
Code Packages Releases Activity

some styling stuff

Browse Source
This commit is contained in:
vabene1111
2024-12-23 12:28:42 +01:00
parent 205eae785e
commit 7a2b3c2d2e
6 changed files with 37 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,7 @@
<template>
<slot name="activator">
<v-btn @click="dialog = true" variant="plain" density="default">
<i class="fas fa-search mr-1"></i>
<v-btn @click="dialog = true" variant="plain" density="default" :icon="mobile">
<v-icon icon="fa-solid fa-search" class="mr-1 fa-fw"></v-icon>
<span class="d-none d-sm-block">{{$t('Search')}}</span>
<v-chip size="x-small" variant="tonal" class="d-none d-md-flex ml-1" label>{{$t('Ctrl+K')}}</v-chip>
</v-btn>
@@ -62,8 +62,10 @@ import {computed, defineComponent, onMounted, ref, watch} from 'vue'
import {SearchResult} from "@/types/SearchTypes";
import {ApiApi, Recipe, RecipeFlat} from "@/openapi";
import {useRouter} from "vue-router";
import {useDisplay} from "vuetify";
const router = useRouter()
const {mobile} = useDisplay()
const dialog = ref(false)
const recipes = ref([] as Recipe[])