💄 update blog featured alignment

tonightpass · Aug 28, 2024 · bce6cea · bce6cea
1 parent e459bd8
commit bce6cea
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 5 deletions.
diff --git a/docs/components/Blog/Featured/index.tsx b/docs/components/Blog/Featured/index.tsx
@@ -7,7 +7,8 @@ const Featured: React.FC = () => {
       id={"header"}
       maxW={"mobile"}
       mx={"auto"}
-      py={"extraLarge"}
+      pt={"calc(60px - 1rem)"}
+      pb={"extraLarge"}
       header
     >
       <Container align={"center"}>

diff --git a/docs/pages/blog.mdx b/docs/pages/blog.mdx
@@ -3,8 +3,6 @@ description: The latest updates and releases.
 type: posts
 ---
 
-import Featured from "@components/Blog/Featured";
-import List from "@components/Blog/List";
+import Blog from '../screens/Blog';
 
-<Featured />
-<List />
+<Blog />
diff --git a/docs/screens/Blog/index.tsx b/docs/screens/Blog/index.tsx
@@ -0,0 +1,13 @@
+import Featured from "@components/Blog/Featured";
+import List from "@components/Blog/List";
+
+const Blog: React.FC = () => {
+  return (
+    <>
+      <Featured />
+      <List />
+    </>
+  );
+};
+
+export default Blog;