fix(docs): Fix API Reference Not Found page background

yarnpkg · Feb 22, 2024 · b1c020b · b1c020b
1 parent 87e331c
commit b1c020b
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/packages/docusaurus/src/css/custom.css b/packages/docusaurus/src/css/custom.css
@@ -96,6 +96,7 @@ html:not([x-doc-route="/"]) .main-wrapper > :last-child {
 
 html.blog-wrapper .container {
   background: white;
+  border-radius: 10px;
 }
 
 @media (max-width: 996px) {
@@ -172,11 +173,6 @@ html[x-doc-route^="/configuration/"] .col {
   max-width: 100% !important;
 }
 
-html:not(.docs-doc-page) .main-wrapper > .container {
-  background: #ffffff;
-  border-radius: 10px;
-}
-
 html.search-page-wrapper .main-wrapper > .container {
   padding: calc(var(--ifm-spacing-horizontal) * 2);
 }

diff --git a/packages/docusaurus/src/theme/NotFound/Content/index.tsx b/packages/docusaurus/src/theme/NotFound/Content/index.tsx
@@ -0,0 +1,11 @@
+import Content      from '@theme-original/NotFound/Content';
+import type {Props} from '@theme/NotFound/Content';
+import clsx         from 'clsx';
+import React        from 'react';
+
+import styles       from './styles.module.css';
+
+// eslint-disable-next-line arca/no-default-export
+export default function ContentWrapper(props: Props): JSX.Element {
+  return <Content {...props} className={clsx(props.className, styles.notFoundContent)}/>;
+}
diff --git a/packages/docusaurus/src/theme/NotFound/Content/styles.module.css b/packages/docusaurus/src/theme/NotFound/Content/styles.module.css
@@ -0,0 +1,4 @@
+.notFoundContent {
+  background: white;
+  border-radius: 10px;
+}