MrUnknownDE/VRCX
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/VRCX.git synced 2026-05-07 14:56:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix notification dot position

Browse Source
This commit is contained in:
pa
2026-01-28 20:05:56 +09:00
parent 7f8972e71e
commit 0a1b0162c6
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/NavMenu.vue
+15 -1
View File
@@ -16,7 +16,10 @@
<span v-show="!isCollapsed">{{ <span v-show="!isCollapsed">{{
item.titleIsCustom ? item.title : t(item.title || '') item.titleIsCustom ? item.title : t(item.title || '')
}}</span> }}</span>
<span v-if="isNavItemNotified(item)" class="notify-dot" aria-hidden="true"></span> <span
v-if="isNavItemNotified(item)"
class="notify-dot-not-collapsed"
aria-hidden="true"></span>
</SidebarMenuButton> </SidebarMenuButton>
</SidebarMenuItem> </SidebarMenuItem>
@@ -818,4 +821,15 @@
border-radius: 50%; border-radius: 50%;
transform: translateY(-50%); transform: translateY(-50%);
} }
.notify-dot-not-collapsed {
position: absolute;
top: 6px;
left: 3px;
width: 5px;
height: 5px;
background-color: #ef4444;
border-radius: 50%;
transform: translateY(-50%);
}
</style> </style>