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

ui improve

Browse Source
This commit is contained in:
pa
2026-01-04 12:12:16 +09:00
committed by Natsumi
parent 00745b54f1
commit 5de3f82673
23 changed files with 402 additions and 414 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/views/Sidebar/components/FriendItem.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="x-friend-item" @click="$emit('click')">
<div class="x-friend-item" @click="showUserDialog(friend.id)">
<template v-if="friend.ref">
<div
class="avatar"
@@ -63,7 +63,7 @@
import { storeToRefs } from 'pinia';
import { useI18n } from 'vue-i18n';
import { useAppearanceSettingsStore, useFriendStore } from '../../../stores';
import { useAppearanceSettingsStore, useFriendStore, useUserStore } from '../../../stores';
import { userImage, userStatusClass } from '../../../shared/utils';
const props = defineProps({
@@ -71,10 +71,11 @@
isGroupByInstance: Boolean
});
defineEmits(['click', 'confirm-delete-friend']);
defineEmits(['confirm-delete-friend']);
const { hideNicknames } = storeToRefs(useAppearanceSettingsStore());
const { isRefreshFriendsLoading } = storeToRefs(useFriendStore());
const { showUserDialog } = useUserStore();
const { t } = useI18n();
const isFriendTraveling = computed(() => props.friend.ref?.location === 'traveling');

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

@@ -63,7 +63,6 @@
v-for="friend in group"
:key="friend.id"
:friend="friend"
@click="showUserDialog(friend.id)"
@confirm-delete-friend="confirmDeleteFriend"></friend-item>
</div>
</div>
@@ -73,7 +72,6 @@
v-for="friend in vipFriendsByGroupStatus"
:key="friend.id"
:friend="friend"
@click="showUserDialog(friend.id)"
@confirm-delete-friend="confirmDeleteFriend">
</friend-item>
</template>
@@ -91,7 +89,7 @@
<div v-show="!isSidebarGroupByInstanceCollapsed">
<div v-for="friendArr in friendsInSameInstance" :key="friendArr[0].ref.$location.tag">
<div style="margin-bottom: 3px">
<div class="mb-1 flex items-center">
<Location class="extra" :location="getFriendsLocations(friendArr)" style="display: inline" />
<span class="extra" style="margin-left: 5px">{{ `(${friendArr.length})` }}</span>
</div>
@@ -102,7 +100,6 @@
:friend="friend"
is-group-by-instance
:style="{ 'margin-bottom': idx === friendArr.length - 1 ? '5px' : undefined }"
@click="showUserDialog(friend.id)"
@confirm-delete-friend="confirmDeleteFriend">
</friend-item>
</div>
@@ -126,7 +123,6 @@
v-for="friend in onlineFriendsByGroupStatus"
:key="friend.id"
:friend="friend"
@click="showUserDialog(friend.id)"
@confirm-delete-friend="confirmDeleteFriend" />
</div>
<div
@@ -144,7 +140,6 @@
v-for="friend in activeFriends"
:key="friend.id"
:friend="friend"
@click="showUserDialog(friend.id)"
@confirm-delete-friend="confirmDeleteFriend"></friend-item>
</div>
<div
@@ -162,7 +157,6 @@
v-for="friend in offlineFriends"
:key="friend.id"
:friend="friend"
@click="showUserDialog(friend.id)"
@confirm-delete-friend="confirmDeleteFriend"></friend-item>
</div>
</div>