Adjust navbar spacing and align notification popover content

techulus · Jan 15, 2025 · 7168a14 · 7168a14
1 parent bd591b4
commit 7168a14
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 3 deletions.
diff --git a/components/console/navbar.tsx b/components/console/navbar.tsx
@@ -53,9 +53,8 @@ export default function NavBar({
 							<ProjectSwitcher projects={projects} />
 						</div>
 
-						<div className="ml-2 flex justify-center space-x-4">
+						<div className="ml-2 flex justify-center space-x-2">
 							<Notifications />
-
 							<UserButton orgSlug={activeOrgSlug} />
 						</div>
 					</div>

diff --git a/components/ui/popover-with-notificaition.tsx b/components/ui/popover-with-notificaition.tsx
@@ -63,7 +63,7 @@ function Notifications() {
           )}
         </Button>
       </PopoverTrigger>
-      <PopoverContent className="w-80 p-1">
+      <PopoverContent className="w-80 p-1" align="end">
         <div className="flex items-baseline justify-between gap-4 px-3 py-2">
           <div className="text-sm font-semibold">Notifications</div>
           {unreadCount > 0 && (