Merge branch 'LAION-AI:main' into devcontainer-improvements

LAION-AI · Jan 3, 2023 · 2566795 · 2566795
2 parents da776c4 + 7ff6a55
commit 2566795
Show file tree

Hide file tree

Showing 4 changed files with 573 additions and 7 deletions.
diff --git a/website/src/components/Layout.tsx b/website/src/components/Layout.tsx
@@ -17,4 +17,12 @@ export const getDefaultLayout = (page: React.ReactElement) => (
   </div>
 );
 
+export const getTransparentHeaderLayout = (page: React.ReactElement) => (
+  <div className="grid grid-rows-[min-content_1fr_min-content] h-full justify-items-stretch">
+    <Header transparent={true} />
+    {page}
+    <Footer />
+  </div>
+);
+
 export const noLayout = (page: React.ReactElement) => page;
diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx
@@ -5,6 +5,7 @@ import { Faq } from "src/components/Faq";
 import { Footer } from "src/components/Footer";
 import { Header } from "src/components/Header";
 import { Hero } from "src/components/Hero";
+import { getTransparentHeaderLayout } from "src/components/Layout";
 import { TaskSelection } from "src/components/TaskSelection";
 
 const Home = () => {
@@ -32,12 +33,6 @@ const Home = () => {
   );
 };
 
-Home.getLayout = (page) => (
-  <div className="grid grid-rows-[min-content_1fr_min-content] h-full justify-items-stretch">
-    <Header transparent={true} />
-    {page}
-    <Footer />
-  </div>
-);
+Home.getLayout = getTransparentHeaderLayout;
 
 export default Home;