docs: fix titles of component docs

hashbite · Dec 31, 2023 · 5c9da56 · 5c9da56
1 parent 9e32af0
commit 5c9da56
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 4 deletions.
diff --git a/packages/docs/docs/core/consent-manager-form.md b/packages/docs/docs/core/consent-manager-form.md
@@ -1,4 +1,7 @@
-# <ConsentManagerForm />
+---
+title: <ConsentManagerForm />
+---
+# `<ConsentManagerForm />` component
 
 `ConsentManagerForm` is a React component designed to provide a basic, unstyled form enabling users to control their consent choices for different integrations. This component is particularly useful as a reference or starting point for integrating a custom consent form. It facilitates the enabling or disabling of integrations based on user preferences. For a pre-styled version, consider exploring our default interface.
 

diff --git a/packages/docs/docs/core/consent-manager.md b/packages/docs/docs/core/consent-manager.md
@@ -1,4 +1,7 @@
-# <ConsentManager />
+---
+title: <ConsentManager />
+---
+# `<ConsentManager />` component
 
 `ConsentManager` is the core component that provides context and state management for all consent-related functionality. It should wrap the root of your application.
 

diff --git a/packages/docs/docs/core/privacy-shield.md b/packages/docs/docs/core/privacy-shield.md
@@ -1,4 +1,7 @@
-# <PrivacyShield />
+---
+title: <PrivacyShield />
+---
+# `<PrivacyShield />` component
 
 `PrivacyShield` is a component that conditionally renders children based on the consent decision for a specific integration. It's typically used to wrap content that should only be displayed if the user has consented to the associated integration.
 

diff --git a/packages/docs/docs/interface-default/interface.md b/packages/docs/docs/interface-default/interface.md
@@ -1,4 +1,7 @@
-# <ConsentManagerDefaultInterface />
+---
+title: <ConsentManagerDefaultInterface />
+---
+# `<ConsentManagerDefaultInterface />` component
 
 `ConsentManagerDefaultInterface` is a React component that acts as a wrapper for your application, providing a default user interface for managing consent. It supports all properties passed to the [core `ConsentManager` component](../core/consent-manager.md).
 

diff --git a/packages/docs/src/css/custom.css b/packages/docs/src/css/custom.css
@@ -28,6 +28,8 @@
   --ifm-color-secondary-contrast-foreground: #474748; /* Dark gray for secondary contrast foreground */
 
   --ifm-code-font-size: 95%;
+
+  --doc-sidebar-width: 340px !important;
 }
 
 .docusaurus-highlight-code-line {