clients/topbar: fix notification icon layout

polarsource · Feb 1, 2024 · 6dffc57 · 6dffc57
1 parent 3a52c07
commit 6dffc57
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/clients/apps/web/src/components/Layout/Public/TopbarRight.tsx b/clients/apps/web/src/components/Layout/Public/TopbarRight.tsx
@@ -17,10 +17,10 @@ const TopbarRight = ({
   return (
     <>
       {authenticatedUser ? (
-        <>
+        <div className="flex flex-row items-center justify-between gap-x-6">
           <Popover type="topbar" />
           <ProfileMenu authenticatedUser={authenticatedUser} />
-        </>
+        </div>
       ) : (
         <GithubLoginButton text="Continue with GitHub" returnTo={returnTo} />
       )}

diff --git a/clients/apps/web/src/components/Notifications/Popover.tsx b/clients/apps/web/src/components/Notifications/Popover.tsx
@@ -75,7 +75,7 @@ const Popover = ({ type = 'topbar' }: { type?: 'topbar' | 'dashboard' }) => {
   const notificationsContainerClassnames = twMerge(
     'pointer-events-none fixed z-40 flex items-end',
     type === 'topbar'
-      ? 'right-0 -left-20 top-12 absolute'
+      ? 'right-4 left-4 md:right-0 md:-left-20 top-12 absolute'
       : 'right-4 top-12 left-2',
   )