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

fix: friend sidebar overflow

Browse Source
This commit is contained in:
pa
2026-03-29 00:22:17 +09:00
parent 551c7993c6
commit f3772a3acb
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/views/Sidebar/components/FriendsSidebar.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div class="relative h-full"> <div class="relative h-full">
<div ref="scrollViewportRef" class="h-full w-full overflow-auto"> <div ref="scrollViewportRef" class="h-full w-full overflow-auto overflow-x-hidden">
<div class="px-1.5 py-2.5"> <div class="px-1.5 py-2.5">
<div v-if="virtualRows.length" class="relative w-full box-border" :style="virtualContainerStyle"> <div v-if="virtualRows.length" class="relative w-full box-border" :style="virtualContainerStyle">
<template v-for="item in virtualItems" :key="String(item.virtualItem.key)"> <template v-for="item in virtualItems" :key="String(item.virtualItem.key)">
@@ -118,8 +118,12 @@
:key="idx" :key="idx"
class="gap-2" class="gap-2"
@click="applyStatusPreset(preset)"> @click="applyStatusPreset(preset)">
<i class="x-user-status" :class="presetStatusClass(preset.status)"></i> <i
<span class="truncate max-w-[180px]">{{ getPresetDisplayText(preset) }}</span> class="x-user-status"
:class="presetStatusClass(preset.status)"></i>
<span class="truncate max-w-[180px]">{{
getPresetDisplayText(preset)
}}</span>
</ContextMenuItem> </ContextMenuItem>
</ContextMenuSubContent> </ContextMenuSubContent>
</ContextMenuSub> </ContextMenuSub>
@@ -147,7 +151,8 @@
v-if="item.row.friend.state === 'online'" v-if="item.row.friend.state === 'online'"
@click="friendRequestInvite(item.row.friend)"> @click="friendRequestInvite(item.row.friend)">
{{ t('dialog.user.actions.request_invite') }} {{ t('dialog.user.actions.request_invite') }}
<ContextMenuShortcut v-if="isActionRecent(item.row.friend.id, 'Request Invite')"> <ContextMenuShortcut
v-if="isActionRecent(item.row.friend.id, 'Request Invite')">
<Clock class="size-3.5 text-muted-foreground" /> <Clock class="size-3.5 text-muted-foreground" />
</ContextMenuShortcut> </ContextMenuShortcut>
</ContextMenuItem> </ContextMenuItem>
@@ -330,9 +335,7 @@
}); });
const visibleFavoriteOnlineFriends = computed(() => { const visibleFavoriteOnlineFriends = computed(() => {
const filtered = allFavoriteOnlineFriends.value.filter((friend) => const filtered = allFavoriteOnlineFriends.value.filter((friend) => selectedFavoriteGroupIds.value.has(friend.id));
selectedFavoriteGroupIds.value.has(friend.id)
);
return excludeSameInstance(filtered); return excludeSameInstance(filtered);
}); });