fix: hide settings in mobile view
This commit is contained in:
parent
6d0d1d182f
commit
2c71a98557
@ -51,7 +51,13 @@
|
||||
</div>
|
||||
<!-- Rows -->
|
||||
<template v-if="rows?.length">
|
||||
<Draggable class="w-full" v-model="rows" group="rows" item-key="name">
|
||||
<Draggable
|
||||
class="w-full"
|
||||
v-model="rows"
|
||||
:delay="isTouchScreenDevice() ? 200 : 0"
|
||||
group="rows"
|
||||
item-key="name"
|
||||
>
|
||||
<template #item="{ element: row, index }">
|
||||
<div
|
||||
class="grid-row flex cursor-pointer items-center border-b border-outline-gray-modals bg-surface-modals last:rounded-b last:border-b-0"
|
||||
@ -252,7 +258,7 @@ import GridRowModal from '@/components/Controls/GridRowModal.vue'
|
||||
import EditIcon from '@/components/Icons/EditIcon.vue'
|
||||
import Link from '@/components/Controls/Link.vue'
|
||||
import UserAvatar from '@/components/UserAvatar.vue'
|
||||
import { getRandom, getFormat } from '@/utils'
|
||||
import { getRandom, getFormat, isTouchScreenDevice } from '@/utils'
|
||||
import { usersStore } from '@/stores/users'
|
||||
import { getMeta } from '@/stores/meta'
|
||||
import {
|
||||
|
||||
@ -54,7 +54,7 @@ import Apps from '@/components/Apps.vue'
|
||||
import { sessionStore } from '@/stores/session'
|
||||
import { usersStore } from '@/stores/users'
|
||||
import { getSettings } from '@/stores/settings'
|
||||
import { showSettings } from '@/composables/settings'
|
||||
import { showSettings, isMobileView } from '@/composables/settings'
|
||||
import { Dropdown } from 'frappe-ui'
|
||||
import { theme, toggleTheme } from '@/stores/theme'
|
||||
import { computed, h, markRaw } from 'vue'
|
||||
@ -154,6 +154,7 @@ function getStandardItem(item) {
|
||||
icon: item.icon,
|
||||
label: __(item.label),
|
||||
onClick: () => (showSettings.value = true),
|
||||
condition: () => !isMobileView.value,
|
||||
}
|
||||
case 'logout':
|
||||
return {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user