From bcb9f63735619124b58a5feb46a21bd1ea2a215e Mon Sep 17 00:00:00 2001
From: Sergio <77530549+sergi0g@users.noreply.github.com>
Date: Fri, 21 Feb 2025 19:33:30 +0200
Subject: [PATCH] Fix broken styles

---
 docs/src/app/components/pages/home.tsx   |  2 +-
 docs/src/app/components/pages/styles.css | 10 ----------
 docs/src/app/page.mdx                    |  8 --------
 docs/src/app/page.tsx                    | 22 ++++++++++++++++++++++
 4 files changed, 23 insertions(+), 19 deletions(-)
 delete mode 100644 docs/src/app/page.mdx
 create mode 100644 docs/src/app/page.tsx

diff --git a/docs/src/app/components/pages/home.tsx b/docs/src/app/components/pages/home.tsx
index 743eaec..e57de9b 100644
--- a/docs/src/app/components/pages/home.tsx
+++ b/docs/src/app/components/pages/home.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import "./styles.css";
+import "./styles.css"
 
 import CopyableCode from "../CopyableCode";
 import { Browser } from "../Browser";
diff --git a/docs/src/app/components/pages/styles.css b/docs/src/app/components/pages/styles.css
index c078a3d..13888af 100644
--- a/docs/src/app/components/pages/styles.css
+++ b/docs/src/app/components/pages/styles.css
@@ -1,13 +1,3 @@
-/* Override nextra styles restricting width */
-
-:root {
-  --nextra-content-width: unset !important;
-}
-
-header.nextra-navbar {
-  --nextra-content-width: 90rem;
-}
-
 article {
   padding-inline: 0 !important;
   padding-top: 0 !important;
diff --git a/docs/src/app/page.mdx b/docs/src/app/page.mdx
deleted file mode 100644
index 3a2e24c..0000000
--- a/docs/src/app/page.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Cup - The easiest way to manage your container updates
-description: Simple, fast, efficient Docker image update checking
----
-
-import Home from "@/app/components/pages/home";
-
-<Home />
diff --git a/docs/src/app/page.tsx b/docs/src/app/page.tsx
new file mode 100644
index 0000000..971a419
--- /dev/null
+++ b/docs/src/app/page.tsx
@@ -0,0 +1,22 @@
+import { useMDXComponents } from "@/mdx-components";
+import { Heading, NextraMetadata } from "nextra";
+import Home from "./components/pages/home";
+
+const Wrapper = useMDXComponents({}).wrapper;
+
+const toc: Heading[] = [];
+
+export const metadata: NextraMetadata = {
+  title: "Cup - The easiest way to manage your container updates",
+  description: "Simple, fast, efficient Docker image update checking",
+  filePath: "",
+};
+
+export default function Page() {
+  return (
+    // @ts-ignore
+    <Wrapper toc={toc} metadata={metadata} className={"x:mx-auto x:flex"}>
+      <Home />
+    </Wrapper>
+  );
+}