MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-07 14:56:06 +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
src/components/dialogs/UserDialog/UserActionDropdown.vue
+10 -4
View File
@@ -21,7 +21,7 @@
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger as-child> <DropdownMenuTrigger as-child>
<div class="ml-2"> <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 /> <MoreHorizontal />
<span <span
class="absolute right-6 top-15.5 h-2.5 w-2.5 rounded-full ring-2 ring-background" 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 { lastLocation } = storeToRefs(useLocationStore());
const hasRequest = computed(() => userDialog.value.incomingRequest || userDialog.value.outgoingRequest); 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(() => { const dotClass = computed(() => {
if (hasRequest.value) return 'bg-emerald-500'; if (hasRequest.value) return 'bg-emerald-500';
if (hasRisk.value) return 'bg-destructive'; return 'opacity-0';
return null;
}); });
function onCommand(command) { function onCommand(command) {