From f127c1019bb690739beb9bc835ef153e7566ea74 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 9 Aug 2023 14:41:50 +0200
Subject: [PATCH] refs #6082 v-if mobile icon search

---
 src/components/NavBar.vue         | 25 ++++++++++---------------
 src/components/ui/VnSearchbar.vue |  4 +++-
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 41654f8153..7f7fc4b4e5 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -77,7 +77,14 @@ onMounted(() => stateStore.setMounted());
                     </QTooltip>
                     <PinnedModules />
                 </QBtn>
-                <QBtn class="user-button" rounded dense flat no-wrap id="user">
+                <QBtn
+                    class="{quasar.platform.is.mobile: 'q-pa-sm q-ml-xs'}"
+                    rounded
+                    dense
+                    flat
+                    no-wrap
+                    id="user"
+                >
                     <QAvatar size="lg">
                         <QImg
                             :src="`/api/Images/user/160x160/${user.id}/download?access_token=${token}`"
@@ -97,22 +104,10 @@ onMounted(() => stateStore.setMounted());
 </template>
 
 <style lang="scss" scoped>
-.user-button {
-    display: flex;
-    align-items: center;
-    padding: 8px; /* Ajusta el valor de padding según tus necesidades */
-
-    /* Estilos específicos para dispositivos móviles */
-    @media (max-width: 768px) {
-        padding: 2px; /* Reduce el padding en dispositivos móviles */
-        margin-left: 1px;
-    }
-}
-
 .pinnedModules {
     @media (max-width: 768px) {
-        padding: 2px; /* Reduce el padding en dispositivos móviles */
-        margin-left: 1px;
+        padding: 0px;
+        margin-left: 0px;
     }
 }
 </style>
diff --git a/src/components/ui/VnSearchbar.vue b/src/components/ui/VnSearchbar.vue
index 453af78af7..f495a49bb1 100644
--- a/src/components/ui/VnSearchbar.vue
+++ b/src/components/ui/VnSearchbar.vue
@@ -2,6 +2,8 @@
 import { onMounted, ref } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 import { useArrayData } from 'composables/useArrayData';
+import { useQuasar } from 'quasar';
+const quasar = useQuasar();
 
 const props = defineProps({
     dataKey: {
@@ -93,7 +95,7 @@ async function search() {
             autofocus
         >
             <template #prepend>
-                <QIcon name="search" />
+                <QIcon name="search" v-if="!quasar.platform.is.mobile" />
             </template>
             <template #append>
                 <QIcon