fix vr style

This commit is contained in:
pa
2026-01-18 21:41:24 +09:00
committed by Natsumi
parent 265e0f999c
commit f3b3a3ae96
4 changed files with 25 additions and 21 deletions

View File

@@ -1,25 +1,6 @@
<template>
<Sidebar side="left" variant="sidebar" collapsible="icon">
<SidebarContent class="pt-2">
<div v-if="navLayoutReady" class="px-2">
<SidebarMenu>
<SidebarMenuItem v-if="pendingVRCXUpdate || pendingVRCXInstall">
<SidebarMenuButton
:tooltip="t('nav_menu.update_available')"
variant="default"
@click="showVRCXUpdateDialog">
<span class="relative inline-flex size-6 items-center justify-center">
<i class="ri-arrow-down-circle-line text-muted-foreground text-[20px]"></i>
<span class="absolute top-0.5 -right-1 h-1.5 w-1.5 rounded-full bg-red-500"></span>
</span>
<span v-show="!isCollapsed" class="text-[13px] text-muted-foreground">{{
t('nav_menu.update_available')
}}</span>
</SidebarMenuButton>
</SidebarMenuItem>
</SidebarMenu>
</div>
<SidebarGroup>
<SidebarGroupContent>
<SidebarMenu v-if="navLayoutReady">
@@ -154,7 +135,12 @@
<DropdownMenu>
<DropdownMenuTrigger as-child>
<SidebarMenuButton :tooltip="t('nav_tooltip.manage')">
<i class="ri-settings-3-line inline-flex size-6 items-center justify-center text-lg" />
<span class="relative inline-flex size-6 items-center justify-center">
<i class="ri-settings-3-line text-lg" />
<span
v-if="pendingVRCXUpdate || pendingVRCXInstall"
class="absolute top-0.5 -right-1 h-1.5 w-1.5 rounded-full bg-red-500"></span>
</span>
<span v-show="!isCollapsed">{{ t('nav_tooltip.manage') }}</span>
</SidebarMenuButton>
</DropdownMenuTrigger>
@@ -173,6 +159,12 @@
</div>
</div>
<DropdownMenuSeparator />
<DropdownMenuItem
v-if="pendingVRCXUpdate || pendingVRCXInstall"
@click="showVRCXUpdateDialog">
<span>{{ t('nav_menu.update_available') }}</span>
</DropdownMenuItem>
<DropdownMenuSeparator v-if="pendingVRCXUpdate || pendingVRCXInstall" />
<DropdownMenuItem @click="handleSettingsClick">
<span>{{ t('nav_tooltip.settings') }}</span>
</DropdownMenuItem>

View File

@@ -35,6 +35,7 @@
"discord": "Join our Discord",
"whats_new": "What's New?",
"update_available": "Update available",
"update": "Update",
"custom_nav": {
"header": "Custom Navigation",
"dialog_title": "Customize Navigation Menu",

View File

@@ -41,6 +41,7 @@ export const useVRCXUpdaterStore = defineStore('VRCXUpdater', () => {
const pendingVRCXInstall = ref('');
const updateInProgress = ref(false);
const updateProgress = ref(0);
const updateToastRelease = ref('');
async function initVRCXUpdaterSettings() {
if (!WINDOWS) {
@@ -243,6 +244,17 @@ export const useVRCXUpdaterStore = defineStore('VRCXUpdater', () => {
}
pendingVRCXUpdate.value = true;
uiStore.notifyMenu('settings');
if (updateToastRelease.value !== releaseName) {
updateToastRelease.value = releaseName;
toast(t('nav_menu.update_available'), {
description: releaseName,
duration: 5000,
action: {
label: t('nav_menu.update'),
onClick: () => showVRCXUpdateDialog()
}
});
}
if (autoUpdateVRCX.value === 'Notify') {
// this.showVRCXUpdateDialog();
} else if (autoUpdateVRCX.value === 'Auto Download') {

View File

@@ -368,7 +368,6 @@ button {
.x-friend-item > .detail > .name,
.x-friend-item > .detail > .extra {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;