fixed sticky header maybe

likeandscribe · Nov 15, 2024 · cc3cba8 · cc3cba8
1 parent d44b0cd
commit cc3cba8
Show file tree

Hide file tree

Showing 6 changed files with 6 additions and 6 deletions.
diff --git a/packages/frontpage/app/(app)/about/page.tsx b/packages/frontpage/app/(app)/about/page.tsx
@@ -12,7 +12,7 @@ export const metadata: Metadata = {
 
 export default function CommunityGuidelinesPage() {
   return (
-    <div className="px-4 pt-4 md:pt-0">
+    <div className="px-4 pt-20 md:pt-0">
       <Heading1>About Frontpage</Heading1>
       <Paragraph>
         Frontpage is a decentralised and federated link aggregator that&apos;s

diff --git a/packages/frontpage/app/(app)/layout.tsx b/packages/frontpage/app/(app)/layout.tsx
@@ -32,7 +32,7 @@ export default async function Layout({
   const session = await getSession();
   return (
     <div className="relative container mx-auto px-0 md:px-6 pb-8 max-w-3xl">
-      <div className="sticky md:relative top-0 left-0 right-0 bg-background md:bg-transparent py-1.5 md:py-12 px-4 md:px-0 shadow md:shadow-none z-50">
+      <div className="fixed md:static top-0 left-0 right-0 bg-background md:bg-transparent py-1.5 md:py-12 px-4 md:px-0 shadow md:shadow-none z-50">
         <div className="flex items-center justify-between md:max-w-3xl mx-auto">
           <Link href="/">
             {/* eslint-disable-next-line @next/next/no-img-element */}

diff --git a/packages/frontpage/app/(app)/moderation/page.tsx b/packages/frontpage/app/(app)/moderation/page.tsx
@@ -117,7 +117,7 @@ export default async function Moderation(props: {
   const stats = await getModeratorReportStats();
 
   return (
-    <div className="px-4">
+    <div className="px-4 pt-16 md:pt-0">
       <Card className="mb-4">
         <CardHeader className="flex justify-evenly text-center">
           <CardTitle className="text-2xl font-bold text-blue-300">

diff --git a/packages/frontpage/app/(app)/page.tsx b/packages/frontpage/app/(app)/page.tsx
@@ -25,7 +25,7 @@ async function getMorePostsAction(cursor: number | null) {
 
   return {
     content: (
-      <div className="divide-y divide-accent">
+      <div className="pt-16 md:pt-0 divide-y divide-accent">
         {posts.map((post) => (
           <PostCard
             key={post.id}

diff --git a/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/layout.tsx b/packages/frontpage/app/(app)/post/[postAuthor]/[postRkey]/layout.tsx
@@ -29,7 +29,7 @@ export default async function Post(props: {
   }
 
   return (
-    <div className="mx-auto max-w-4xl divide-y divide-accent md:divide-y-0">
+    <div className="pt-16 md:pt-0 mx-auto max-w-4xl divide-y divide-accent md:divide-y-0">
       <PostCard
         author={post.authorDid}
         createdAt={post.createdAt}

diff --git a/packages/frontpage/app/(app)/profile/[user]/page.tsx b/packages/frontpage/app/(app)/profile/[user]/page.tsx
@@ -78,7 +78,7 @@ export default async function Profile(props: { params: Promise<Params> }) {
   });
 
   return (
-    <div className="pt-4 md:pt-0">
+    <div className="pt-20 md:pt-0">
       <LinkAlternateAtUri authority={did} />
       <div className="px-4 lg:px-0 flex items-center space-x-4 mb-4">
         <UserAvatar did={did} size="medium" />