diff --git a/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx b/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx index c0e1a14c..edecac10 100644 --- a/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx +++ b/app/p/[didOrHandle]/(profile)/ProfileHeader.tsx @@ -22,7 +22,7 @@ export const ProfileHeader = (props: { blobRefToSrc(profileRecord.avatar?.ref, props.profile.did) } displayName={profileRecord.displayName} - className="mx-auto -mt-8" + className="mx-auto mt-3 sm:mt-4" giant />
diff --git a/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx b/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx index 95f30b56..ecbd96af 100644 --- a/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx +++ b/app/p/[didOrHandle]/(profile)/ProfileTabs.tsx @@ -29,8 +29,6 @@ export const ProfileTabs = (props: { didOrHandle: string }) => { ); } }; - console.log("content: " + profileContent); - console.log("header: " + headerHeight); if (profileContent) { profileContent.addEventListener("scroll", handleScroll); @@ -39,9 +37,8 @@ export const ProfileTabs = (props: { didOrHandle: string }) => { }, []); const baseUrl = `/p/${props.didOrHandle}`; - const bgColor = !cardBorderHidden ? "var(--bg-leaflet)" : "var(--bg-page)"; - - console.log(scrollPosWithinTabContent); + const bgColor = "255 255 255"; + // const bgColor = !cardBorderHidden ? "var(--bg-leaflet)" : "var(--bg-page)"; return (
diff --git a/app/p/[didOrHandle]/(profile)/layout.tsx b/app/p/[didOrHandle]/(profile)/layout.tsx index f2cc4449..bd5f7c8f 100644 --- a/app/p/[didOrHandle]/(profile)/layout.tsx +++ b/app/p/[didOrHandle]/(profile)/layout.tsx @@ -53,7 +53,7 @@ export default async function ProfileLayout(props: { max-w-prose mx-auto w-full h-full flex flex-col border border-border-light rounded-lg - text-center mt-8 + text-center overflow-y-scroll`} >