-
45 sec
Build times comparison
{buildTimes.map((item) => (
diff --git a/src/app/docs/[[...slug]]/page.tsx b/src/app/docs/[[...slug]]/page.tsx
index 7de03b2..0d9c3f5 100644
--- a/src/app/docs/[[...slug]]/page.tsx
+++ b/src/app/docs/[[...slug]]/page.tsx
@@ -2,6 +2,7 @@ import { notFound } from 'next/navigation';
import type { Metadata } from 'next';
import { DocsPage, DocsBody, DocsTitle, DocsDescription } from 'fumadocs-ui/page';
import { Tab, Tabs } from 'fumadocs-ui/components/tabs';
+import { Callout } from 'fumadocs-ui/components/callout';
import { Card, Cards } from 'fumadocs-ui/components/card';
import defaultMdxComponents, { createRelativeLink } from 'fumadocs-ui/mdx';
import { source } from '@/lib/source';
@@ -47,6 +48,7 @@ export default async function Page({ params }: PageParams) {
a: createRelativeLink(source, page),
Tabs,
Tab,
+ Callout,
Card,
Cards
}}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index ecf7969..2736f56 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -3,11 +3,18 @@ import { RootProvider } from 'fumadocs-ui/provider';
import SearchDialog from '@/components/search';
import { Inter } from 'next/font/google';
import type { ReactNode } from 'react';
+import type { Metadata } from 'next';
const inter = Inter({
subsets: ['latin'],
});
+export const metadata: Metadata = {
+ icons: {
+ icon: '/favicon.svg',
+ },
+};
+
export default function Layout({ children }: { children: ReactNode }) {
return (
diff --git a/src/components/ui/PyroButton.tsx b/src/components/ui/PyroButton.tsx
index f2cf823..3399d59 100644
--- a/src/components/ui/PyroButton.tsx
+++ b/src/components/ui/PyroButton.tsx
@@ -33,8 +33,8 @@ const button = cva(
variant: {
primary: ["bg-brand", "text-white", "hover:bg-brand/80"],
secondary: ["bg-black dark:bg-white", "text-white dark:text-black", "hover:bg-black/80 dark:hover:bg-white/80"],
- tertiary: ["bg-[#ffffff33]", "text-white", "hover:bg-[#ffffff55]"],
- quaternary: ["bg-transparent", "text-white", "hover:bg-black/80", "border-[#ffffff33]", "hover:border-[#ffffff55]"],
+ tertiary: ["bg-black/10 dark:bg-[#ffffff33]", "text-black dark:text-white", "hover:bg-black/20 dark:hover:bg-[#ffffff55]"],
+ quaternary: ["bg-transparent", "text-black dark:text-white", "hover:bg-black/10 dark:hover:bg-black/80", "border-black/20 dark:border-[#ffffff33]", "hover:border-black/30 dark:hover:border-[#ffffff55]"],
},
size: {
ghost: [],