fix notification dot position

This commit is contained in:
pa
2026-01-28 20:05:56 +09:00
parent 7f8972e71e
commit 0a1b0162c6

View File

@@ -16,7 +16,10 @@
<span v-show="!isCollapsed">{{
item.titleIsCustom ? item.title : t(item.title || '')
}}</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>
</SidebarMenuItem>
@@ -818,4 +821,15 @@
border-radius: 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>