fix: Update docs; Fix useMDXComponents for li override: add missing id for correct remark-gfm footnotes functionallity

This commit is contained in:
seppulcro
2024-09-23 16:13:16 +01:00
parent 5b0bf99cbf
commit 59386ed4b7
2 changed files with 16 additions and 13 deletions

View File

@@ -31,8 +31,7 @@ The following templates are available:
- **Wordpress**: Open Source Content Management System - **Wordpress**: Open Source Content Management System
- **Open WebUI**: Free and Open Source ChatGPT Alternative - **Open WebUI**: Free and Open Source ChatGPT Alternative
- **Teable**: Open Source Airtable Alternative, Developer Friendly, No-code Database Built on Postgres - **Teable**: Open Source Airtable Alternative, Developer Friendly, No-code Database Built on Postgres
- **Roundcube**: Free and open source webmail software for the masses, written in PHP, uses SMTP[^1].
## Create your own template ## Create your own template
@@ -41,3 +40,5 @@ We accept contributions to upload new templates to the dokploy repository.
Make sure to follow the guidelines for creating a template: Make sure to follow the guidelines for creating a template:
[Steps to create your own template](https://github.com/Dokploy/dokploy/blob/canary/CONTRIBUTING.md#templates) [Steps to create your own template](https://github.com/Dokploy/dokploy/blob/canary/CONTRIBUTING.md#templates)
[^1]: Please note that if you're self-hosting a mail server you need port 25 to be open for SMTP (Mail Transmission Protocol that allows you to send and receive) to work properly. Some VPS providers like [Hetzner](https://docs.hetzner.com/cloud/servers/faq/#why-can-i-not-send-any-mails-from-my-server) block this port by default for new clients.

View File

@@ -3,15 +3,17 @@ import defaultComponents from "fumadocs-ui/mdx";
import type { MDXComponents } from "mdx/types"; import type { MDXComponents } from "mdx/types";
export function useMDXComponents(components: MDXComponents): MDXComponents { export function useMDXComponents(components: MDXComponents): MDXComponents {
return { return {
...defaultComponents, ...defaultComponents,
...components, ...components,
ImageZoom, ImageZoom,
p: ({ children }) => ( p: ({ children }) => (
<p className="text-[#3E4342] dark:text-muted-foreground">{children}</p> <p className="text-[#3E4342] dark:text-muted-foreground">{children}</p>
), ),
li: ({ children }) => ( li: ({ children, id }) => (
<li className="text-[#3E4342] dark:text-muted-foreground">{children}</li> <li {...{ id }} className="text-[#3E4342] dark:text-muted-foreground">
), {children}
}; </li>
),
};
} }