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() {
<div className="relative"> <div className="relative">
<Bell /> <Bell />
{hasNewNotification && ( {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> </div>
</BottomNavigationBarItem> </BottomNavigationBarItem>

2
src/components/Sidebar/NotificationButton.tsx

@ -16,7 +16,7 @@ export default function NotificationsButton() {
<div className="relative"> <div className="relative">
<Bell strokeWidth={3} /> <Bell strokeWidth={3} />
{hasNewNotification && ( {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> </div>
</SidebarItem> </SidebarItem>

Loading…
Cancel
Save