From 0a1b0162c6a3aad47ab70c49bad164b055d77848 Mon Sep 17 00:00:00 2001
From: pa <maplenagisa@gmail.com>
Date: Wed, 28 Jan 2026 20:05:56 +0900
Subject: [PATCH] fix notification dot position

---
 src/components/NavMenu.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/NavMenu.vue b/src/components/NavMenu.vue
index a9dab886..dd74f1b5 100644
--- a/src/components/NavMenu.vue
+++ b/src/components/NavMenu.vue
@@ -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>