MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-18 22:33:50 +02:00
Code Issues Packages Projects Releases Wiki Activity

user dropdown destructive button color fix

Browse Source
This commit is contained in:
pa
2026-01-20 15:11:13 +09:00
committed by Natsumi
parent f2a68fbbdf
commit 954735928c
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/dialogs/UserDialog/UserActionDropdown.vue
View File

@@ -21,7 +21,7 @@
<DropdownMenu>
<DropdownMenuTrigger as-child>
<div class="ml-2">
<Button variant="outline" size="icon-lg" class="rounded-full">
<Button :variant="hasRisk ? 'destructive' : 'outline'" size="icon-lg" class="rounded-full">
<MoreHorizontal />
<span
class="absolute right-6 top-15.5 h-2.5 w-2.5 rounded-full ring-2 ring-background"
@@ -271,12 +271,18 @@
const { lastLocation } = storeToRefs(useLocationStore());
const hasRequest = computed(() => userDialog.value.incomingRequest || userDialog.value.outgoingRequest);
const hasRisk = computed(() => userDialog.value.isBlock || userDialog.value.isMute);
const hasRisk = computed(
() =>
userDialog.value.isBlock ||
userDialog.value.isMute ||
userDialog.value.isMuteChat ||
userDialog.value.isInteractOff ||
userDialog.value.isHideAvatar
);
const dotClass = computed(() => {
if (hasRequest.value) return 'bg-emerald-500';
if (hasRisk.value) return 'bg-destructive';
return null;
return 'opacity-0';
});
function onCommand(command) {