chore(): fix profile page styling

AKASHAorg · Feb 18, 2025 · d4b5d9b · d4b5d9b
1 parent 3454c3c
commit d4b5d9b
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/extensions/apps/profile/src/components/app-routes/index.tsx b/extensions/apps/profile/src/components/app-routes/index.tsx
@@ -100,7 +100,7 @@ const followersRoute = createRoute({
       <CatchBoundary getResetKey={() => 'followers_reset'} errorComponent={NotFoundComponent}>
         <ProfileWithAuthorization profileDID={profileDID}>
           <Card className="p-0 rounded-[1.25rem]">
-            <ProfileHeader profileDID={profileDID} plain={true} customStyle="sticky top-3.5 z-50" />
+            <ProfileHeader profileDID={profileDID} plain={true} customStyle="sticky top-0 z-50" />
             <FollowersPage profileDID={profileDID} />
           </Card>
         </ProfileWithAuthorization>
@@ -118,7 +118,7 @@ const followingRoute = createRoute({
       <CatchBoundary getResetKey={() => 'following_reset'} errorComponent={NotFoundComponent}>
         <ProfileWithAuthorization profileDID={profileDID}>
           <Card className="p-0 rounded-[1.25rem]">
-            <ProfileHeader profileDID={profileDID} plain={true} customStyle="sticky top-3.5 z-50" />
+            <ProfileHeader profileDID={profileDID} plain={true} customStyle="sticky top-0 z-50" />
             <FollowingPage profileDID={profileDID} />
           </Card>
         </ProfileWithAuthorization>

diff --git a/extensions/apps/profile/src/components/pages/engagement-tab.tsx b/extensions/apps/profile/src/components/pages/engagement-tab.tsx
@@ -44,7 +44,7 @@ const EngagementTab: React.FC<PropsWithChildren<EngagementTabProps>> = props =>
         selected={activeTab}
         labels={[t('Followers'), t('Following')]}
         onChange={selectedIndex => onTabChange(selectedIndex)}
-        customStyle="sticky bg(white dark:grey2) top-52 z-10"
+        customStyle="sticky top-52 z-10"
       />
       <Stack customStyle="my-4">{children}</Stack>
     </>

diff --git a/libs/design-system-components/src/components/Profile/Header/index.tsx b/libs/design-system-components/src/components/Profile/Header/index.tsx
@@ -99,7 +99,7 @@ const Header: React.FC<HeaderProps> = ({
       />
       <Card
         className={cn(
-          'px-[0.5rem] pb-[1rem] pt-0 rounded-t-none overflow-visible',
+          'px-[0.5rem] pb-[1rem] pt-0 rounded-t-none overflow-visible border-none',
           plain && 'rounded-none',
         )}
       >