Browse Source

style: adjust the position of new notification indicator

imwald
codytseng 1 year ago
parent
commit
407a5a3f78
  1. 2
      src/components/BottomNavigationBar/NotificationsButton.tsx
  2. 2
      src/components/Sidebar/NotificationButton.tsx

2
src/components/BottomNavigationBar/NotificationsButton.tsx

@ -15,7 +15,7 @@ export default function NotificationsButton() { @@ -15,7 +15,7 @@ export default function NotificationsButton() {
<div className="relative">
<Bell />
{hasNewNotification && (
<div className="absolute -top-1 -right-1 w-2 h-2 bg-primary rounded-full" />
<div className="absolute -top-0.5 right-0.5 w-2 h-2 bg-primary rounded-full" />
)}
</div>
</BottomNavigationBarItem>

2
src/components/Sidebar/NotificationButton.tsx

@ -16,7 +16,7 @@ export default function NotificationsButton() { @@ -16,7 +16,7 @@ export default function NotificationsButton() {
<div className="relative">
<Bell strokeWidth={3} />
{hasNewNotification && (
<div className="absolute -top-1 -right-1 w-2 h-2 bg-primary rounded-full" />
<div className="absolute -top-1 right-0 w-2 h-2 bg-primary rounded-full" />
)}
</div>
</SidebarItem>

Loading…
Cancel
Save