+
{{ t('view.charts.instance_activity.header') }}
@@ -151,6 +151,33 @@
const { currentUser } = storeToRefs(useUserStore());
const { t } = useI18n();
+ const instanceActivityRef = ref(null);
+
+ const instanceActivityResizeObserver = new ResizeObserver(() => {
+ setInstanceActivityHeight();
+ });
+
+ function setInstanceActivityHeight() {
+ if (instanceActivityRef.value) {
+ const availableHeight = window.innerHeight - 100;
+ instanceActivityRef.value.style.height = `${availableHeight}px`;
+ instanceActivityRef.value.style.overflowY = 'auto';
+ }
+ }
+
+ onMounted(() => {
+ if (instanceActivityRef.value) {
+ instanceActivityResizeObserver.observe(instanceActivityRef.value);
+ }
+ setInstanceActivityHeight();
+ });
+
+ onBeforeUnmount(() => {
+ if (instanceActivityRef.value) {
+ instanceActivityResizeObserver.unobserve(instanceActivityRef.value);
+ }
+ });
+
const {
barWidth,
isDetailVisible,
@@ -623,7 +650,7 @@
align-items: center;
justify-content: center;
margin-top: 100px;
- color: #5c5c5c;
+ color: var(--el-text-color-secondary);
}
.divider {
padding: 0 400px;
diff --git a/src/views/Charts/components/MutualFriends.vue b/src/views/Charts/components/MutualFriends.vue
index 4d534514..c7710cc2 100644
--- a/src/views/Charts/components/MutualFriends.vue
+++ b/src/views/Charts/components/MutualFriends.vue
@@ -1,5 +1,5 @@
-
+
@@ -207,6 +207,20 @@
return parsed.invalid ? null : parsed.value;
};
+ const mutualGraphRef = ref(null);
+
+ const mutualGraphResizeObserver = new ResizeObserver(() => {
+ setMutualGraphHeight();
+ });
+
+ function setMutualGraphHeight() {
+ if (mutualGraphRef.value) {
+ const availableHeight = window.innerHeight - 100;
+ mutualGraphRef.value.style.height = `${availableHeight}px`;
+ mutualGraphRef.value.style.overflowY = 'auto';
+ }
+ }
+
onMounted(() => {
nextTick(() => {
if (!chartRef.value) {
@@ -215,6 +229,8 @@
createChartInstance();
resizeObserver = new ResizeObserver(() => chartInstance?.resize());
resizeObserver.observe(chartRef.value);
+ mutualGraphResizeObserver.observe(mutualGraphRef.value);
+ setMutualGraphHeight();
});
});
@@ -227,6 +243,9 @@
chartInstance.dispose();
chartInstance = null;
}
+ if (mutualGraphResizeObserver) {
+ mutualGraphResizeObserver.disconnect();
+ }
});
watch(
@@ -676,8 +695,8 @@
display: flex;
justify-content: flex-end;
align-items: center;
- margin-top: 0;
- margin-bottom: 8px;
+ margin-top: 8px;
+ margin-bottom: 0;
background: transparent;
border: none;
box-shadow: none;
diff --git a/src/views/Favorites/FavoritesAvatar.vue b/src/views/Favorites/FavoritesAvatar.vue
index 595faa78..fb9b7cb4 100644
--- a/src/views/Favorites/FavoritesAvatar.vue
+++ b/src/views/Favorites/FavoritesAvatar.vue
@@ -1580,6 +1580,7 @@
justify-content: space-between;
font-weight: 600;
font-size: 14px;
+ margin-bottom: 9px;
}
.group-section__list {
diff --git a/src/views/Favorites/FavoritesFriend.vue b/src/views/Favorites/FavoritesFriend.vue
index 2a13a2d6..1d111c1a 100644
--- a/src/views/Favorites/FavoritesFriend.vue
+++ b/src/views/Favorites/FavoritesFriend.vue
@@ -796,6 +796,7 @@
justify-content: space-between;
font-weight: 600;
font-size: 14px;
+ margin-bottom: 9px;
}
.group-section__list {
diff --git a/src/views/Favorites/FavoritesWorld.vue b/src/views/Favorites/FavoritesWorld.vue
index 22b6b3ac..c8783716 100644
--- a/src/views/Favorites/FavoritesWorld.vue
+++ b/src/views/Favorites/FavoritesWorld.vue
@@ -1276,6 +1276,7 @@
justify-content: space-between;
font-weight: 600;
font-size: 14px;
+ margin-bottom: 9px;
}
.group-section__list {
diff --git a/src/views/Feed/Feed.vue b/src/views/Feed/Feed.vue
index a6c0e165..7bcac2e5 100644
--- a/src/views/Feed/Feed.vue
+++ b/src/views/Feed/Feed.vue
@@ -1,14 +1,13 @@
-
+
-
+
-
-
-
+
+
+
- -
-
- -
@@ -116,9 +113,7 @@
- -
+
-
+
{{ formatDateFilter(scope.row.created_at, 'long') }}
{{ formatDateFilter(scope.row.created_at, 'short') }}
-
+
-
+
-
+ {{
+ t('view.feed.filters.' + scope.row.type)
+ }}
-
+
@@ -178,17 +175,12 @@
-
-
- -
-
+
+
+
+
+
-
-
-
@@ -98,39 +65,38 @@
-
+
{{ row.$friendNumber ? row.$friendNumber : '' }}
-
+
-
-
- ![]()
-
- ![]()
-
+
+ :sort-method="(a, b) => sortAlphabetically(a, b, 'displayName')"
+ fixed="left">
{{
row.displayName
}}
-
+
@@ -157,7 +123,7 @@
@@ -173,7 +139,7 @@
-
+
@@ -197,8 +163,14 @@
:label="t('table.friendList.joinCount')"
width="120"
prop="$joinCount"
- sortable>
-
+ sortable
+ align="right">
+
{{ timeToText(row.$timeSpent) }}
@@ -210,17 +182,26 @@
sortable
:sort-method="(a, b) => sortAlphabetically(a, b, '$lastSeen')">
- {{ formatDateFilter(row.$lastSeen, 'long') }}
+ {{
+ formatDateFilter(row.$lastSeen, 'long') === '-'
+ ? ''
+ : formatDateFilter(row.$lastSeen, 'long')
+ }}
-
+
{{ row.$mutualCount }}
@@ -230,7 +211,7 @@
@@ -246,23 +227,42 @@
:sort-method="(a, b) => sortAlphabetically(a, b, 'date_joined')">
-
+
+
+
+ {{ t('view.friend_list.load_cancel') }}
+
+
+
+
+
diff --git a/src/views/FriendLog/FriendLog.vue b/src/views/FriendLog/FriendLog.vue
index a9f17343..191d837f 100644
--- a/src/views/FriendLog/FriendLog.vue
+++ b/src/views/FriendLog/FriendLog.vue
@@ -1,6 +1,5 @@
-
- {{ t('view.friend_list.header') }}
-
-
-
-
- {{ t('view.friend_list.load_mutual_friends') }}
-
-
-
-
-
-
-
-
-
-
-
- {{ t('view.friend_list.bulk_unfriend_selection') }}
-
-
-
-
- {{ t('view.friend_list.bulk_unfriend') }}
-
- {{ t('view.friend_list.load') }}
-
-
-
+
-
+
+ {{ t('view.friend_list.bulk_unfriend_selection') }}
+
+
+
+
+ {{ t('view.friend_list.bulk_unfriend') }}
+
+
+
+ {{ t('view.friend_list.load_mutual_friends') }}
+
+
+ {{ t('view.friend_list.load') }}
+
+ ![]()
+
+ {{ friendsListLoadingCurrent }} / {{ friendsListLoadingTotal }}
+
+
+
-
+
-
+
-
+
-
- {{ scope.row.previousDisplayName }}
@@ -69,28 +66,27 @@
+
-
diff --git a/src/views/Layout/AuthenticatedLayout.vue b/src/views/Layout/AuthenticatedLayout.vue
index 1f8411fd..baf7154d 100644
--- a/src/views/Layout/AuthenticatedLayout.vue
+++ b/src/views/Layout/AuthenticatedLayout.vue
@@ -1,8 +1,7 @@
+
@@ -86,6 +85,20 @@
const { setAsideWidth } = appearanceStore;
const { asideWidth, isSideBarTabShow } = storeToRefs(appearanceStore);
+ const handleResizeEnd = (index, sizes) => {
+ if (!Array.isArray(sizes) || sizes.length < 2) {
+ return;
+ }
+ const asideSplitterIndex = sizes.length - 2;
+ if (index !== asideSplitterIndex) {
+ return;
+ }
+ const asideSize = sizes[sizes.length - 1];
+ if (Number.isFinite(asideSize) && asideSize > 0) {
+ setAsideWidth(asideSize);
+ }
+ };
+
watch(
() => watchState.isLoggedIn,
(isLoggedIn) => {
diff --git a/src/views/Moderation/Moderation.vue b/src/views/Moderation/Moderation.vue
index cf934ad2..32ddfca1 100644
--- a/src/views/Moderation/Moderation.vue
+++ b/src/views/Moderation/Moderation.vue
@@ -1,5 +1,5 @@
-
+
-
+
@@ -40,12 +41,14 @@
-
+
-
+
+
-
+
-
+
-
+
@@ -67,89 +67,121 @@
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
-
+
+
+
+
+
![]()
![]()
@@ -193,7 +225,7 @@
+ 0) {
return row.created_at;
@@ -501,6 +537,8 @@
const sendInviteRequestResponseDialogVisible = ref(false);
+ const isGroupId = (id) => typeof id === 'string' && id.startsWith('grp_');
+
function saveTableFilters() {
configRepository.setString(
'VRCX_notificationTableFilters',
@@ -710,11 +748,21 @@
}
-
diff --git a/src/views/PlayerList/PlayerList.vue b/src/views/PlayerList/PlayerList.vue
index 4247898f..370d91be 100644
--- a/src/views/PlayerList/PlayerList.vue
+++ b/src/views/PlayerList/PlayerList.vue
@@ -1,7 +1,7 @@
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
+
@@ -417,7 +392,7 @@
+
+
diff --git a/src/views/PlayerList/components/PhotonEventTable.vue b/src/views/PlayerList/components/PhotonEventTable.vue
index 2ac85339..2e9c930b 100644
--- a/src/views/PlayerList/components/PhotonEventTable.vue
+++ b/src/views/PlayerList/components/PhotonEventTable.vue
@@ -25,12 +25,7 @@
t('view.player_list.photon.chatbox_blacklist')
}}
-
+
![]()
-
- {{ !currentInstanceWorldDescriptionExpanded && 'Show more' }}
-
@@ -200,31 +181,61 @@
layout="table"
style="margin-top: 10px; cursor: pointer"
@row-click="selectCurrentInstanceRow">
-
+
-
-
-
- ![]()
-
- ![]()
-
-
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- 🔴{{ scope.row.timeoutTime }}s
+ 🔴{{ scope.row.timeoutTime }}s
@@ -300,13 +311,17 @@
-
-
-
{{ scope.row.ref.$platform }}
@@ -324,46 +339,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
@@ -401,7 +376,7 @@
-
+ ![]()
+
+
+
{{
t('view.search.user.search_by_bio')
@@ -221,12 +221,12 @@
diff --git a/src/views/Settings/Settings.vue b/src/views/Settings/Settings.vue
index d7a35eeb..46800f0e 100644
--- a/src/views/Settings/Settings.vue
+++ b/src/views/Settings/Settings.vue
@@ -3,7 +3,7 @@
-
+
diff --git a/src/views/Settings/components/SimpleSwitch.vue b/src/views/Settings/components/SimpleSwitch.vue
index cc30ed43..fda221a2 100644
--- a/src/views/Settings/components/SimpleSwitch.vue
+++ b/src/views/Settings/components/SimpleSwitch.vue
@@ -1,4 +1,4 @@
-
+
🟢
⚪
🔴
@@ -170,11 +165,13 @@
- Desktop
- VR
- VR
+ Android
-
{{ label }}
diff --git a/src/views/Settings/components/Tabs/AppearanceTab.vue b/src/views/Settings/components/Tabs/AppearanceTab.vue
index 7e8e8249..925bff3a 100644
--- a/src/views/Settings/components/Tabs/AppearanceTab.vue
+++ b/src/views/Settings/components/Tabs/AppearanceTab.vue
@@ -115,12 +115,19 @@
+