mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-04-19 06:43:51 +02:00
fix reddot
This commit is contained in:
@@ -9,7 +9,6 @@
|
||||
<SidebarMenuButton
|
||||
:is-active="activeMenuIndex === item.index"
|
||||
:tooltip="item.titleIsCustom ? item.title : t(item.title || '')"
|
||||
:class="isNavItemNotified(item) ? 'notify' : undefined"
|
||||
@click="handleMenuItemClick(item)">
|
||||
<i
|
||||
:class="item.icon"
|
||||
@@ -17,6 +16,7 @@
|
||||
<span v-show="!isCollapsed">{{
|
||||
item.titleIsCustom ? item.title : t(item.title || '')
|
||||
}}</span>
|
||||
<span v-if="isNavItemNotified(item)" class="notify-dot" aria-hidden="true"></span>
|
||||
</SidebarMenuButton>
|
||||
</SidebarMenuItem>
|
||||
|
||||
@@ -28,14 +28,17 @@
|
||||
<DropdownMenuTrigger as-child>
|
||||
<SidebarMenuButton
|
||||
:is-active="item.children?.some((e) => e.index === activeMenuIndex)"
|
||||
:tooltip="item.titleIsCustom ? item.title : t(item.title || '')"
|
||||
:class="isNavItemNotified(item) ? 'notify' : undefined">
|
||||
:tooltip="item.titleIsCustom ? item.title : t(item.title || '')">
|
||||
<i
|
||||
:class="item.icon"
|
||||
class="inline-flex size-6 items-center justify-center text-lg" />
|
||||
<span v-show="!isCollapsed">{{
|
||||
item.titleIsCustom ? item.title : t(item.title || '')
|
||||
}}</span>
|
||||
<span
|
||||
v-if="isNavItemNotified(item)"
|
||||
class="notify-dot"
|
||||
aria-hidden="true"></span>
|
||||
</SidebarMenuButton>
|
||||
</DropdownMenuTrigger>
|
||||
<DropdownMenuContent side="right" align="start" class="w-56">
|
||||
@@ -62,14 +65,17 @@
|
||||
<CollapsibleTrigger as-child>
|
||||
<SidebarMenuButton
|
||||
:is-active="item.children?.some((e) => e.index === activeMenuIndex)"
|
||||
:tooltip="item.titleIsCustom ? item.title : t(item.title || '')"
|
||||
:class="isNavItemNotified(item) ? 'notify' : undefined">
|
||||
:tooltip="item.titleIsCustom ? item.title : t(item.title || '')">
|
||||
<i
|
||||
:class="item.icon"
|
||||
class="inline-flex size-6 items-center justify-center text-lg" />
|
||||
<span v-show="!isCollapsed">{{
|
||||
item.titleIsCustom ? item.title : t(item.title || '')
|
||||
}}</span>
|
||||
<span
|
||||
v-if="isNavItemNotified(item)"
|
||||
class="notify-dot left-1!"
|
||||
aria-hidden="true"></span>
|
||||
<ChevronRight
|
||||
v-show="!isCollapsed"
|
||||
class="ml-auto transition-transform"
|
||||
@@ -87,6 +93,10 @@
|
||||
:class="entry.icon"
|
||||
class="inline-flex size-5 items-center justify-center text-base" />
|
||||
<span>{{ t(entry.label) }}</span>
|
||||
<span
|
||||
v-if="isNavItemNotified(item)"
|
||||
class="notify-dot left-0.5!"
|
||||
aria-hidden="true"></span>
|
||||
</SidebarMenuSubButton>
|
||||
</SidebarMenuSubItem>
|
||||
</SidebarMenuSub>
|
||||
@@ -778,13 +788,18 @@
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.notify::after {
|
||||
.notify {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.notify-dot {
|
||||
position: absolute;
|
||||
top: 45%;
|
||||
left: 8px;
|
||||
top: 6px;
|
||||
right: 0;
|
||||
width: 4px;
|
||||
height: 4px;
|
||||
content: '';
|
||||
background-color: #ef4444;
|
||||
border-radius: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -24,8 +24,7 @@
|
||||
<Button variant="outline" size="icon-lg" class="rounded-full">
|
||||
<MoreHorizontal />
|
||||
<span
|
||||
v-if="dotClass"
|
||||
class="absolute -right-0.5 -top-0.5 h-2.5 w-2.5 rounded-full ring-2 ring-background"
|
||||
class="absolute right-6 top-15.5 h-2.5 w-2.5 rounded-full ring-2 ring-background"
|
||||
:class="dotClass" />
|
||||
</Button>
|
||||
</div>
|
||||
@@ -233,7 +232,6 @@
|
||||
MousePointer,
|
||||
Pencil,
|
||||
Plus,
|
||||
Power,
|
||||
RefreshCw,
|
||||
Settings,
|
||||
Share2,
|
||||
|
||||
@@ -175,7 +175,7 @@ export const useFeedStore = defineStore('Feed', () => {
|
||||
}
|
||||
feedTable.value.data.push(feed);
|
||||
sweepFeed();
|
||||
UiStore.notifyMenu('feed');
|
||||
// UiStore.notifyMenu('feed');
|
||||
}
|
||||
|
||||
function sweepFeed() {
|
||||
|
||||
@@ -243,7 +243,6 @@ export const useVRCXUpdaterStore = defineStore('VRCXUpdater', () => {
|
||||
return;
|
||||
}
|
||||
pendingVRCXUpdate.value = true;
|
||||
uiStore.notifyMenu('settings');
|
||||
if (updateToastRelease.value !== releaseName) {
|
||||
updateToastRelease.value = releaseName;
|
||||
toast(t('nav_menu.update_available'), {
|
||||
|
||||
Reference in New Issue
Block a user