fix backgrounds in error pages

2 years ago · e70b82c0c9
parent c692021d59
commit e70b82c0c9
5 changed files with 5 additions and 5 deletions
--- a/components/footer.tsx
+++ b/components/footer.tsx
@ -9,7 +9,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import Link from "next/link";

 const Footer = () => (
-  <footer className="border-t border-ctp-mantle bg-ctp-base text-ctp-text">
+  <footer className="border-t border-ctp-mantle text-ctp-text">
    <div className="mx-auto flex max-w-8xl flex-col gap-8 px-4 py-6 md:flex-row md:px-8">
      <section className="basis-1/3">
        <h4 className="text-2xl font-bold">About</h4>
--- a/components/navbar.tsx
+++ b/components/navbar.tsx
@ -31,7 +31,7 @@ const Navbar = () => {
    <nav
      className={`py-2.5 ${
        scrollTop != 0 || toggled
-          ? "border-b border-ctp-mantle bg-ctp-base bg-opacity-80 backdrop-blur-md"
+          ? "border-b border-ctp-mantle bg-opacity-80 backdrop-blur-md"
          : ""
      } fixed top-0 left-0 z-20 w-full `}
    >
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@ -43,7 +43,7 @@ const Document = () => (
      <link rel="icon" href="/favicons/favicon.ico" />
    </Head>

-    <body>
+    <body className="bg-ctp-base">
      <Main />
      <NextScript />
    </body>
--- a/pages/docs/[[...slug]].tsx
+++ b/pages/docs/[[...slug]].tsx
@ -155,7 +155,7 @@ const DocPage: NextPageWithLayout<{
 };

 DocPage.getLayout = function getLayout(page: ReactElement) {
-  return <main className="bg-ctp-base">{page}</main>;
+  return <main>{page}</main>;
 };

 export default DocPage;
--- a/pages/index.tsx
+++ b/pages/index.tsx
@ -107,7 +107,7 @@ const Home: NextPageWithLayout = () => {
 };

 Home.getLayout = function getLayout(page: ReactElement) {
-  return <main className="flex flex-col items-center bg-ctp-base">{page}</main>;
+  return <main className="flex flex-col items-center">{page}</main>;
 };

 export default Home;