UI: Enhancement (#1033) #641

Closed
opened 2026-04-05 16:22:29 +02:00 by MrUnknownDE · 0 comments
Owner

Originally created by @Map1en on 12/16/2024


0570716

Fixed the following issues:

  1. Main Item: User Dialog Box

    • Adjust the height of the text in the tags to be centered.
    • Change the background color of the counter when hovering over VRC notes.
    • Re-align the radiogroup and refresh button for model creation, and also re-align the top of the created worlds and groups.
  2. Avatar Dialog Box

    • Leave a space below the local notes.
  3. Main Screen

    • Align the input boxes on each page with the sidebar friend list.
    • Avoid using both v-if and v-show simultaneously; remove conflicts.
  4. Search Avatar Page

    • Re-align the buttons and radio at the top.
  5. Settings

    • Re-align and adjust the VRC configuration page.
    • Re-align and adjust the data backup page.
    • Adjust the spacing of the notification filters.

cdf5688193
cb22cd0c24

Fixed the following issues:

  1. Background color issue when hovering over input count in non-default themes
  2. Adjusted the top height of the feed page
  3. Fixed margin issues for detailed information when status changes in the feed page

3cce05c

Fixed the following issues:

  1. Feed Page

    • Fixed spacing between status items
  2. Favorites Page

    • Search and Sort UI
      • Reorganized search box and sorting methods to top-right corner
      • Replaced Switch with RadioGroup for sorting methods (as they represent distinct values, not binary states)
      • Similar components will be updated in future PRs
    • Visual Improvements
      • Restored original colors for friend avatars (removed grey tint, Because it is inconsistent with the behavior of the friends status bar on the right side.)
      • Offline status icons updates pending further consideration
    • Data Display
      • Added "No data" placeholder in empty Collapse components
      • Replaced dot indicators with tags for status of world favorites (It can easily cause confusion, we switched to using tags to improve recognition.)
    • Import/Export Dialog Features
      • Redesigned import dialog layouts across all three tabs
      • Enhanced export dialogs:
      • Added click-to-copy functionality for textarea content
      • Implemented success/failed notifications
    • UI Polish
      • Adjusted text case displays for consistency
      • Basic theme compatibility improvements
      (Note: Comprehensive theme adjustments pending due to color hierarchy complexity)

20964f7

I'm sorry for making such fragmented commits and not following the specific pages.

Fixed the following issues:

  1. Corrected switch alignment on the "Show starred friends only" page

  2. Fixed tag alignment for the world group visibility status in favorites

  3. Adjusted switch alignment in the top-right corner of the favorites page model editor

  4. Added red color to the logout button for better visibility and user recognition

  5. Improved user experience by highlighting save buttons:

    • Notification Filter save button
    • Wrist Feed Filters save button

fb45546

Fixed the following issues:

  1. Replaced the switches for non-binary attributes with radio groups on the settings page.

  2. Refined the switch component and adjusted its styling.

    • Regarding this component, due to the complexity of Pug's mixins, not all cases can be replaced. Therefore, there are still some alignment issues with long text. I will look into how to encapsulate everything in the future for easier unified modification.
  3. Unified the icons for the notification messages to "info."

*Originally created by @Map1en on 12/16/2024* - issue #1033 ---------------------------------------------------------------- > 0570716 Fixed the following issues: 1. Main Item: User Dialog Box - Adjust the height of the text in the tags to be centered. - Change the background color of the counter when hovering over VRC notes. - Re-align the radiogroup and refresh button for model creation, and also re-align the top of the created worlds and groups. 2. Avatar Dialog Box - Leave a space below the local notes. 3. Main Screen - Align the input boxes on each page with the sidebar friend list. - Avoid using both `v-if` and `v-show` simultaneously; remove conflicts. 4. Search Avatar Page - Re-align the buttons and radio at the top. 5. Settings - Re-align and adjust the VRC configuration page. - Re-align and adjust the data backup page. - Adjust the spacing of the notification filters. -------------------------------------------------- > cdf5688193baa29c31547541c407aa7bb9b6a1d3 cb22cd0c24e52e66c971ba3726f5896c2ea30f14 Fixed the following issues: 1. Background color issue when hovering over input count in non-default themes 2. Adjusted the top height of the feed page 3. Fixed margin issues for detailed information when status changes in the feed page -------------------------------------------------- > 3cce05c Fixed the following issues: 1. Feed Page - Fixed spacing between status items 2. Favorites Page - Search and Sort UI • Reorganized search box and sorting methods to top-right corner • Replaced Switch with RadioGroup for sorting methods (as they represent distinct values, not binary states) • Similar components will be updated in future PRs - Visual Improvements • Restored original colors for friend avatars (removed grey tint, Because it is inconsistent with the behavior of the friends status bar on the right side.) • Offline status icons updates pending further consideration - Data Display • Added "No data" placeholder in empty Collapse components • Replaced dot indicators with tags for status of world favorites (It can easily cause confusion, we switched to using tags to improve recognition.) - Import/Export Dialog Features • Redesigned import dialog layouts across all three tabs • Enhanced export dialogs: - Added click-to-copy functionality for textarea content - Implemented success/failed notifications - UI Polish • Adjusted text case displays for consistency • Basic theme compatibility improvements (Note: Comprehensive theme adjustments pending due to color hierarchy complexity) ---------------------------------------------------------------------------------------------------- > 20964f7 _I'm sorry for making such fragmented commits and not following the specific pages._ Fixed the following issues: 1. Corrected switch alignment on the "Show starred friends only" page 2. Fixed tag alignment for the world group visibility status in favorites 3. Adjusted switch alignment in the top-right corner of the favorites page model editor 4. Added red color to the logout button for better visibility and user recognition 5. Improved user experience by highlighting save buttons: - Notification Filter save button - Wrist Feed Filters save button ----------------------------------------------------------------------------------------------------- > fb45546 Fixed the following issues: 1. Replaced the switches for non-binary attributes with radio groups on the settings page. 2. Refined the switch component and adjusted its styling. - Regarding this component, due to the complexity of Pug's mixins, not all cases can be replaced. Therefore, there are still some alignment issues with long text. I will look into how to encapsulate everything in the future for easier unified modification. 4. Unified the icons for the notification messages to "info."
Sign in to join this conversation.
No Label
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github/VRCX#641