docs: fix heading orders (#6606)

refinedev · Dec 25, 2024 · 6ef1680 · 6ef1680
1 parent c9ba139
commit 6ef1680
Show file tree

Hide file tree

Showing 5 changed files with 16 additions and 5 deletions.
diff --git a/documentation/docs/data/packages/strapi-v4/index.md b/documentation/docs/data/packages/strapi-v4/index.md
@@ -409,7 +409,7 @@ const App: React.FC = () => {
 render(<App />);
 ```
 
-##### Relations Population for `/me` request
+#### Relations Population for `/me` request
 
 If you need to the population for the `/me` request you can use it like this in your `authProvider`.
 

diff --git a/documentation/docs/guides-concepts/forms/index.md b/documentation/docs/guides-concepts/forms/index.md
@@ -332,7 +332,7 @@ useForm({
 });
 ```
 
-##### **Usage of `<UnsavedChangesNotifier />`**
+#### **Usage of `<UnsavedChangesNotifier />`**
 
 <Tabs wrapContent={false}>
 <TabItem value="react-router" label="React Router">

diff --git a/documentation/src/components/sandpack/index.tsx b/documentation/src/components/sandpack/index.tsx
@@ -388,6 +388,7 @@ const SandpackBase = ({
         <div className={clsx(showConsole ? "block" : "hidden", "h-[200px]")} />
       </div>
       <section className="hidden max-w-0 max-h-0">
+        <h6>Code Example</h6>
         <p>{`Dependencies: ${Object.keys(dependencies ?? {}).map(
           (k) => `${k}@${dependencies[k]}`,
         )}`}</p>

diff --git a/documentation/src/refine-theme/common-admonition.tsx b/documentation/src/refine-theme/common-admonition.tsx
@@ -115,7 +115,7 @@ export const Admonition = ({ type, title, children }: Props) => {
         )}
       >
         {(title || titles[type]) && (
-          <div
+          <h6
             className={clsx(
               "flex",
               "items-center",
@@ -128,7 +128,7 @@ export const Admonition = ({ type, title, children }: Props) => {
           >
             <Icon />
             <span className="uppercase">{title ?? titles[type] ?? ""}</span>
-          </div>
+          </h6>
         )}
         <div className={clsx("text-gray-0", "text-base", "last:mb-0")}>
           {children}

diff --git a/documentation/src/refine-theme/common-tab-item.tsx b/documentation/src/refine-theme/common-tab-item.tsx
@@ -1,9 +1,19 @@
 import React from "react";
 import clsx from "clsx";
 
-export default function CommonTabItem({ children, hidden, className }) {
+export default function CommonTabItem({
+  children,
+  hidden,
+  className,
+  label,
+  value,
+  ...props
+}) {
+  const tabHeading = label || value;
+
   return (
     <div role="tabpanel" className={clsx(className)} {...{ hidden }}>
+      <h5 className="hidden max-w-0 max-h-0">{tabHeading}</h5>
       {children}
     </div>
   );