MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-25 17:53:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Disable the blur effect on dialog overlays when GPU acceleration is disabled

Browse Source
This commit is contained in:
pa
2026-02-23 15:00:40 +09:00
committed by Natsumi
parent 8296d31e67
commit b5b5776275
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ui/dialog/DialogOverlay.vue
View File

@@ -2,6 +2,8 @@
import { DialogOverlay } from 'reka-ui';
import { cn } from '@/lib/utils';
import { reactiveOmit } from '@vueuse/core';
import { storeToRefs } from 'pinia';
import { useGeneralSettingsStore } from '@/stores/settings/general';
const props = defineProps({
forceMount: { type: Boolean, required: false },
@@ -11,6 +13,7 @@
});
const delegatedProps = reactiveOmit(props, 'class');
const { disableGpuAcceleration } = storeToRefs(useGeneralSettingsStore());
</script>
<template>
@@ -19,7 +22,8 @@
v-bind="delegatedProps"
:class="
cn(
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/40 backdrop-blur-xs',
'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/40',
!disableGpuAcceleration && 'backdrop-blur-xs',
props.class
)
">