diff --git a/src/App.vue b/src/App.vue index 291369a..a4b4b43 100644 --- a/src/App.vue +++ b/src/App.vue @@ -46,6 +46,18 @@ const appUpdate = (): void => { window.setTimeout(() => updateServiceWorker(), 4000); }; + +const platform = useDisplay().platform; + +watch(() => platform.value, (i) => { + browserStore.set_android_ios(i.ios || i.android); +}); + +onMounted(() => { + const platform = useDisplay().platform.value; + browserStore.set_android_ios(platform.ios || platform.android); +}); + const browserStore = browserModule(); const authenticated = computed((): boolean => { diff --git a/src/components/Admin/AdminDeviceRow.vue b/src/components/Admin/AdminDeviceRow.vue index 5dc4284..b840272 100644 --- a/src/components/Admin/AdminDeviceRow.vue +++ b/src/components/Admin/AdminDeviceRow.vue @@ -23,7 +23,7 @@ - + click to {{ tooltip }}pause @@ -54,7 +54,7 @@ ulid: {{ con_item.ulid }} - + click to kill connection @@ -77,6 +77,7 @@ import { mdiCheck, mdiChevronDown, mdiChevronUp, mdiClose, mdiDeleteCircle, mdiP import { snackSuccess } from '@/services/snack'; import CopyButton from '@/components/Buttons/CopyButton.vue'; import type { AdminDeviceAndConnections, TAuthObject } from '@/types'; +import { useDisplay } from 'vuetify'; const show_connections = ref(false); const connections_icon = computed((): string => { @@ -90,6 +91,11 @@ const click_connections = () : void => { show_connections.value = !show_connections.value; }; +/// Don't show tooltips when on android or ios if also on mobile view! +const show_tooltip = computed((): boolean => { + return !(browserModule().android_ios && useDisplay().mobile.value); +}); + const loading = computed({ get (): boolean { return loadingModule().loading; diff --git a/src/components/Admin/AdminUserRow.vue b/src/components/Admin/AdminUserRow.vue index a6b492b..ad0309e 100644 --- a/src/components/Admin/AdminUserRow.vue +++ b/src/components/Admin/AdminUserRow.vue @@ -16,7 +16,7 @@ density='compact' label='' /> - + can't disable self diff --git a/src/components/Buttons/CopyButton.vue b/src/components/Buttons/CopyButton.vue index e551fcb..d58ec72 100644 --- a/src/components/Buttons/CopyButton.vue +++ b/src/components/Buttons/CopyButton.vue @@ -2,7 +2,7 @@
- + {{ message }} { clearTimeout(tooltipTimeout.value); }); - + +/// Don't show tooltips when on android or ios if also on mobile view! +const show_tooltip = computed((): boolean => { + return !(browserModule().android_ios && useDisplay().mobile.value); +}); + const iconSize = computed((): string => { if (onMobile.value || props.xsmall) { return 'x-small'; diff --git a/src/components/Buttons/DocumentationLink.vue b/src/components/Buttons/DocumentationLink.vue index cb3c95c..76ae140 100644 --- a/src/components/Buttons/DocumentationLink.vue +++ b/src/components/Buttons/DocumentationLink.vue @@ -1,7 +1,7 @@