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

tidy up

Browse Source
This commit is contained in:
pa
2026-01-16 22:21:00 +09:00
committed by Natsumi
parent 093fe082f2
commit d55ee08a05
48 changed files with 264 additions and 473 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14,23 +14,23 @@
>{{ friend.ref.displayName }}{{ isGroupByInstance && friend.isVIP ? ' ⭐' : '' }}</span
>
<span v-if="isFriendActiveOrOffline" class="extra">{{ friend.ref.statusDescription }}</span>
<span v-if="isFriendActiveOrOffline" class="block truncate text-xs">{{ friend.ref.statusDescription }}</span>
<template v-else>
<div v-if="friend.pendingOffline" class="extra">
<div v-if="friend.pendingOffline" class="text-xs">
<AlertTriangle class="inline-block" /> {{ t('side_panel.pending_offline') }}
</div>
<template v-else-if="isGroupByInstance">
<div class="flex items-center">
<Loader2 v-if="isFriendTraveling" class="is-loading" style="margin-right: 3px" />
<Timer
class="extra"
class="text-xs"
:epoch="epoch"
:style="
isFriendTraveling ? { display: 'inline-block', overflow: 'unset' } : undefined
" />
</div>
</template>
<Location v-else class="extra" :location="locationProp" :traveling="travelingProp" :link="false" />
<Location v-else class="text-xs" :location="locationProp" :traveling="travelingProp" :link="false" />
</template>
</div>
</template>
@@ -89,23 +89,3 @@
const locationProp = computed(() => props.friend.ref?.location || '');
const travelingProp = computed(() => props.friend.ref?.travelingToLocation || '');
</script>
<style>
.skeleton {
height: 40px;
width: 100%;
& > div {
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
& > div {
width: calc(100% - 48px);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
}
}
</style>