Browse Source

Улучшение ui для мобильных устройств

Book Pauk 2 years ago
parent
commit
5a15241cc1
1 changed files with 6 additions and 6 deletions
  1. 6 6
      client/components/Search/Search.vue

+ 6 - 6
client/components/Search/Search.vue

@@ -2,7 +2,7 @@
     <div class="root column fit" style="position: relative">
     <div class="root column fit" style="position: relative">
         <div ref="scroller" class="col fit column no-wrap" style="overflow: auto; position: relative" @scroll="onScroll">
         <div ref="scroller" class="col fit column no-wrap" style="overflow: auto; position: relative" @scroll="onScroll">
             <!-- Tool Panel begin -->
             <!-- Tool Panel begin -->
-            <div ref="toolPanel" class="tool-panel q-pb-xs column bg-cyan-2" style="position: sticky; top: 0; z-index: 10;">
+            <div ref="toolPanel" class="tool-panel column bg-cyan-2" style="position: sticky; top: 0; z-index: 10;">
                 <!-- 1 -->
                 <!-- 1 -->
                 <div class="row">
                 <div class="row">
                     <!-- 1-1 -->
                     <!-- 1-1 -->
@@ -167,7 +167,7 @@
                             <q-input
                             <q-input
                                 v-model="extSearchNames"
                                 v-model="extSearchNames"
                                 class="col q-mt-xs" :bg-color="inputBgColor('extended')" input-style="cursor: pointer"
                                 class="col q-mt-xs" :bg-color="inputBgColor('extended')" input-style="cursor: pointer"
-                                style="min-width: 200px; max-width: 638px;" label="Расширенный поиск" stack-label outlined dense clearable readonly
+                                style="min-width: 140px; max-width: 638px;" label="Расширенный поиск" stack-label outlined dense clearable readonly
                                 @click.stop.prevent="selectExtSearch"
                                 @click.stop.prevent="selectExtSearch"
                             >
                             >
                                 <template v-if="extSearchNames" #append>
                                 <template v-if="extSearchNames" #append>
@@ -244,18 +244,18 @@
                     <!-- 1-2 -->
                     <!-- 1-2 -->
                     <div class="column q-mx-sm">
                     <div class="column q-mx-sm">
                         <div style="height: 3px" />
                         <div style="height: 3px" />
-                        <DivBtn v-if="!config.freeAccess" class="q-mt-sm text-white bg-secondary" :size="28" :icon-size="24" :imt="1" icon="la la-sign-out-alt" round @click.stop.prevent="logout">
+                        <DivBtn class="q-mt-sm text-white bg-secondary" :size="28" :icon-size="24" :imt="1" icon="la la-cog" round @click.stop.prevent="settingsDialogVisible = true">
                             <template #tooltip>
                             <template #tooltip>
                                 <q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
                                 <q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
-                                    Выход
+                                    Настройки
                                 </q-tooltip>
                                 </q-tooltip>
                             </template>
                             </template>
                         </DivBtn>
                         </DivBtn>
 
 
-                        <DivBtn class="q-mt-sm text-white bg-secondary" :size="28" :icon-size="24" :imt="1" icon="la la-cog" round @click.stop.prevent="settingsDialogVisible = true">
+                        <DivBtn v-if="!config.freeAccess" class="q-mt-sm text-white bg-secondary" :size="28" :icon-size="24" :imt="1" icon="la la-sign-out-alt" round @click.stop.prevent="logout">
                             <template #tooltip>
                             <template #tooltip>
                                 <q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
                                 <q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
-                                    Настройки
+                                    Выход
                                 </q-tooltip>
                                 </q-tooltip>
                             </template>
                             </template>
                         </DivBtn>
                         </DivBtn>