deadcxap/inpx-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Book Pauk
2023-01-24 14:54:59 +07:00
parent 4a8035949c
commit 5a15241cc1
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
client/components/Search/Search.vue
View File

@@ -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,14 +244,6 @@
<!-- 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">
<template #tooltip>
<q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
Выход
</q-tooltip>
</template>
</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 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">
@@ -259,6 +251,14 @@
</q-tooltip> </q-tooltip>
</template> </template>
</DivBtn> </DivBtn>
<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>
<q-tooltip :delay="1500" anchor="bottom middle" content-style="font-size: 80%" max-width="400px">
Выход
</q-tooltip>
</template>
</DivBtn>
</div><!-- 1-2 --> </div><!-- 1-2 -->
</div><!-- 1 --> </div><!-- 1 -->
<!-- 2 --> <!-- 2 -->