improve: UI #534

New Issue

MrUnknownDE · 2026-04-05T16:20:41+02:00

MrUnknownDE commented

2026-04-05 16:20:41 +02:00

Originally created by @Map1en on 2/23/2025

UI Improvements:

Refactored layout of the "Languages" dialog.
Replaced icons for "Launch" component for enhanced clarity.
Replaced "Previous Instance Info" details button icon in "Game Log Tab" for better visual distinction.
Added tooltips to clickable elements in the "UserDialog" for improved user guidance.
Refactored filter and sort component in UserDialog "Avatars" tab.
Improved UI layout for UserDialog "Favorite Worlds" tab.
Added "Launch" button and "Previous Instance Info" access to the "World" dialog.

Performance Optimizations:

Changed "Friends List" to use v-show for initial rendering of the table component.

It's still laggy the first time I open it, need to keep optimizing
Changed "Settings" page to use v-if to avoid loading on VRCX startup.

Rendering it at VRCX init takes a lot of time
Lazy loading for tab-panes in the "Group" dialog.

Code Refactoring:

Rewrote "Previous Instance Info" dialog using Vue.js SFC.
Reduced code in app.js due to "Previous Instance Info" rewrite.
Simplified webpack.config.js.

#1033

*Originally created by @Map1en on 2/23/2025* #### UI Improvements: 1. Refactored layout of the "Languages" dialog. 2. Replaced icons for "Launch" component for enhanced clarity. 4. Replaced "Previous Instance Info" details button icon in "Game Log Tab" for better visual distinction. 5. Added tooltips to clickable elements in the "UserDialog" for improved user guidance. 6. Refactored filter and sort component in UserDialog "Avatars" tab. 7. Improved UI layout for UserDialog "Favorite Worlds" tab. 8. Added "Launch" button and "Previous Instance Info" access to the "World" dialog. #### Performance Optimizations: 1. Changed "Friends List" to use v-show for initial rendering of the table component. > It's still laggy the first time I open it, need to keep optimizing 2. Changed "Settings" page to use v-if to avoid loading on VRCX startup. > Rendering it at VRCX init takes a lot of time 3. Lazy loading for tab-panes in the "Group" dialog. #### Code Refactoring: 1. Rewrote "Previous Instance Info" dialog using Vue.js SFC. 2. Reduced code in `app.js` due to "Previous Instance Info" rewrite. 3. Simplified `webpack.config.js`. #1033

MrUnknownDE closed this issue

2026-04-05 16:20:41 +02:00

Sign in to join this conversation.

No Label

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github/VRCX#534