MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-04-24 01:03:50 +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

18
src/views/Sidebar/Sidebar.vue
View File

@@ -26,16 +26,16 @@
<span class="name" :style="{ color: item.ref.$userColour }">{{
item.ref.displayName
}}</span>
<span v-if="!item.ref.isFriend" class="extra"></span>
<span v-else-if="item.ref.state === 'offline'" class="extra">{{
<span v-if="!item.ref.isFriend" class="block truncate text-xs"></span>
<span v-else-if="item.ref.state === 'offline'" class="block truncate text-xs">{{
t('side_panel.search_result_active')
}}</span>
<span v-else-if="item.ref.state === 'active'" class="extra">{{
<span v-else-if="item.ref.state === 'active'" class="block truncate text-xs">{{
t('side_panel.search_result_offline')
}}</span>
<Location
v-else
class="extra"
class="text-xs"
:location="item.ref.location"
:traveling="item.ref.travelingToLocation"
:link="false" />
@@ -178,6 +178,16 @@
</script>
<style scoped>
.x-aside-container {
display: flex;
flex: none;
flex-direction: column;
padding: 13px 5px 5px 5px;
order: 99;
height: 100%;
box-sizing: border-box;
}
.sidebar-tab-count {
font-size: 12px;
margin-left: 10px;

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>

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

@@ -19,7 +19,7 @@
<span class="name" :style="{ color: currentUser.$userColour }">{{ currentUser.displayName }}</span>
<Location
v-if="isGameRunning && !gameLogDisabled"
class="extra"
class="text-xs"
:location="lastLocation.location"
:traveling="lastLocationDestination"
:link="false" />
@@ -27,12 +27,12 @@
v-else-if="
isRealInstance(currentUser.$locationTag) || isRealInstance(currentUser.$travelingToLocation)
"
class="extra"
class="text-xs"
:location="currentUser.$locationTag"
:traveling="currentUser.$travelingToLocation"
:link="false" />
<span v-else class="extra">{{ currentUser.statusDescription }}</span>
<span v-else class="text-xs">{{ currentUser.statusDescription }}</span>
</div>
</div>
</div>
@@ -54,8 +54,8 @@
<div v-for="group in vipFriendsDivideByGroup" :key="group[0].key">
<transition name="el-fade-in-linear">
<div v-show="group[0].groupName !== ''" style="margin-bottom: 3px">
<span class="extra">{{ group[0].groupName }}</span>
<span class="extra" style="margin-left: 5px">{{ `(${group.length})` }}</span>
<span class="text-xs">{{ group[0].groupName }}</span>
<span class="text-xs" style="margin-left: 5px">{{ `(${group.length})` }}</span>
</div>
</transition>
<div v-if="group.length" style="margin-bottom: 10px">
@@ -91,10 +91,10 @@
<div v-for="friendArr in friendsInSameInstance" :key="friendArr[0].ref.$location.tag">
<div class="mb-1 flex items-center">
<Location
class="extra text-muted-foreground!"
class="text-xs text-muted-foreground"
:location="getFriendsLocations(friendArr)"
style="display: inline" />
<span class="extra" style="margin-left: 5px">{{ `(${friendArr.length})` }}</span>
<span class="text-xs" style="margin-left: 5px">{{ `(${friendArr.length})` }}</span>
</div>
<div v-if="friendArr && friendArr.length">
<friend-item

2
src/views/Sidebar/components/GroupsSidebar.vue
View File

@@ -27,7 +27,7 @@
>({{ ref.instance.userCount }}/{{ ref.instance.capacity }})</span
>
</span>
<Location class="extra" :location="ref.instance.location" :link="false" />
<Location class="text-xs" :location="ref.instance.location" :link="false" />
</div>
</template>
</div>