test/crm
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hide settings in mobile view

Browse Source
This commit is contained in:
Shariq Ansari 2025-01-09 11:54:05 +05:30
parent 6d0d1d182f
commit 2c71a98557
2 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/Controls/Grid.vue
View File

@ -51,7 +51,13 @@
</div> </div>
<!-- Rows --> <!-- Rows -->
<template v-if="rows?.length"> <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 }"> <template #item="{ element: row, index }">
<div <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" 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 EditIcon from '@/components/Icons/EditIcon.vue'
import Link from '@/components/Controls/Link.vue' import Link from '@/components/Controls/Link.vue'
import UserAvatar from '@/components/UserAvatar.vue' import UserAvatar from '@/components/UserAvatar.vue'
import { getRandom, getFormat } from '@/utils' import { getRandom, getFormat, isTouchScreenDevice } from '@/utils'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'
import { getMeta } from '@/stores/meta' import { getMeta } from '@/stores/meta'
import { import {

3
frontend/src/components/UserDropdown.vue
View File

@ -54,7 +54,7 @@ import Apps from '@/components/Apps.vue'
import { sessionStore } from '@/stores/session' import { sessionStore } from '@/stores/session'
import { usersStore } from '@/stores/users' import { usersStore } from '@/stores/users'
import { getSettings } from '@/stores/settings' import { getSettings } from '@/stores/settings'
import { showSettings } from '@/composables/settings' import { showSettings, isMobileView } from '@/composables/settings'
import { Dropdown } from 'frappe-ui' import { Dropdown } from 'frappe-ui'
import { theme, toggleTheme } from '@/stores/theme' import { theme, toggleTheme } from '@/stores/theme'
import { computed, h, markRaw } from 'vue' import { computed, h, markRaw } from 'vue'
@ -154,6 +154,7 @@ function getStandardItem(item) {
icon: item.icon, icon: item.icon,
label: __(item.label), label: __(item.label),
onClick: () => (showSettings.value = true), onClick: () => (showSettings.value = true),
condition: () => !isMobileView.value,
} }
case 'logout': case 'logout':
return { return {