fix header

edenartlab · May 22, 2024 · cedeed1 · cedeed1
1 parent 1861871
commit cedeed1
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 9 deletions.
diff --git a/pages/blog/[...post].tsx b/pages/blog/[...post].tsx
@@ -1,4 +1,4 @@
-import LayoutBlog from '@/components/layouts/layout-blog';
+import LayoutBlog from '@/components/layouts/LayoutBlog';
 import Link from 'next/link';
 
 const BlogPostPage = ({post}) => {

diff --git a/pages/blog/hello-eden.mdx b/pages/blog/hello-eden.mdx
@@ -1,14 +1,28 @@
-import MdxLayout from '@/components/layouts/layout-blog'
+import LayoutBlog from '../../src/components/layouts/LayoutBlog';
+
+[//]: # (MARKDOWN CONTENT - START)
 
-[//]: # (This is a comment. All of this is markdown)
 # Welcome to my MDX page!
 
 Bla **Bli** blub [Create stuff with Eden.Art](https://app.eden.art/)
 
+asdasdasdas
+d
+as
+da
+sd
+asd
+
+asd
+as
+ds
+
+[//]: # (MARKDOWN CONTENT - END)
+
 export default function MDXPage({ children }) {
   return (
-    <MdxLayout>
+    <LayoutBlog>
       {children}
-    </MdxLayout>
+    </LayoutBlog>
   )
 }
diff --git a/pages/blog/index.tsx b/pages/blog/index.tsx
@@ -1,4 +1,4 @@
-import LayoutBlog from '@/components/layouts/layout-blog';
+import LayoutBlog from '@/components/layouts/LayoutBlog';
 import BlogPostPreview from '@/components/BlogPostPreview';
 
 export async function getStaticProps() {
@@ -37,7 +37,7 @@ const BlogIndexPage = ({posts}) => {
         <div>
           <h4>Posts</h4>
           <div className="flex flex-col gap-16">
-            {posts.map(post => (<BlogPostPreview post={post}/>))}
+            {posts.map(post => (<BlogPostPreview key={post.id} post={post}/>))}
           </div>
       </div>
     </div>

diff --git a/src/components/EdenArtFrontPage/EdenArtFrontPage.tsx b/src/components/EdenArtFrontPage/EdenArtFrontPage.tsx
@@ -6,7 +6,9 @@ import VideoHeroSection from '@/components/VideoHeroSection';
 export default function EdenArtFrontPage() {
   return (
     <div className="bg-black">
-      <NavHeader />
+      <div className="mt-8">
+        <NavHeader />
+      </div>
       <VideoHeroSection />
       <section className="flex flex-col">
         <div className="text-white flex px-4 xl:px-24 flex-col z-10 m-10 mt-10">

diff --git a/src/components/layouts/layout-blog.tsx → src/components/layouts/LayoutBlog.tsx b/src/components/layouts/layout-blog.tsx → src/components/layouts/LayoutBlog.tsx
diff --git a/src/components/navigation/NavHeader.tsx b/src/components/navigation/NavHeader.tsx
@@ -11,7 +11,7 @@ const NavHeader = () => {
     <div
       className={`fixed z-50 w-full bg-black opacity-75 ${
         isMenuOpen && size.width < 640 ? 'h-72' : 'h-16'
-      } mt-8`}
+      }`}
     >
       {' '}
       <div className="flex justify-between">