Skip to content

Commit 92d402e

Browse files
gregfromstlgregfromstl
committed
feat: more docs style improvements
1 parent e9a0520 commit 92d402e

File tree

8 files changed

+34
-36
lines changed

8 files changed

+34
-36
lines changed

‎apps/portal/src/app/payments/page.mdx‎

Lines changed: 10 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,7 @@ import {
1010
TabsList,
1111
TabsTrigger,
1212
TabsContent,
13+
Badge
1314
} from "@doc";
1415
import {
1516
ReactIcon,
@@ -30,27 +31,29 @@ export const metadata = createMetadata({
3031
description: "Monetize your app with thirdweb Payments. Sell products, transfer funds between users, launch tokens, and more.",
3132
});
3233

33-
# Get Started with Payments
34+
# Get Started
3435

3536
thirdweb Payments allow developers to create advanced payment flows to monetize their apps through product sales, peer to peer payments, token sales, and more.
3637

3738
<Tabs defaultValue="typescript">
3839
<TabsList>
39-
<TabsTrigger value="typescript" className="flex items-center gap-2 [&>p]:mb-0">
40-
<TypeScriptIcon className="w-4 h-4 mr-2" />
40+
<TabsTrigger value="typescript" className="flex items-center [&>p]:mb-0">
41+
<TypeScriptIcon className="size-4 mr-1.5" />
4142
TypeScript
4243
</TabsTrigger>
43-
<TabsTrigger value="react" className="flex items-center gap-2 [&>p]:mb-0">
44-
<ReactIcon className="w-4 h-4 mr-2" />
44+
<TabsTrigger value="react" className="flex items-center [&>p]:mb-0">
45+
<ReactIcon className="size-4 mr-1.5" />
4546
React
4647
</TabsTrigger>
47-
<TabsTrigger value="http" className="flex items-center gap-2 [&>p]:mb-0">
48-
<EngineIcon className="w-4 h-4 mr-2" />
48+
<TabsTrigger value="http" className="flex items-center [&>p]:mb-0">
49+
<EngineIcon className="size-4 mr-1.5" />
4950
HTTP API
5051
</TabsTrigger>
5152
</TabsList>
5253

5354
<TabsContent value="typescript">
55+
Get started sending payments in your apps with the thirdweb TypeScript SDK.
56+
5457
### Installation
5558

5659
Install the thirdweb SDK in your TypeScript project:

‎apps/portal/src/app/wallets/page.mdx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export const metadata = createMetadata({
2929
description: "Create or connect wallets to your app or your backend",
3030
});
3131

32-
# Get Started with Wallets
32+
# Get Started
3333

3434
Create wallets for your users, authenticate with your backend, connect to external wallets, and more.
3535

‎apps/portal/src/components/Document/Heading.tsx‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export function Heading(props: {
1414
return (
1515
<h1
1616
className={cn(
17-
"mb-5 break-words font-bold text-3xl text-foreground tracking-tight",
17+
"mb-5 break-words font-semibold text-3xl text-foreground tracking-tight",
1818
props.className,
1919
)}
2020
data-noindex={props.noIndex}
@@ -27,13 +27,13 @@ export function Heading(props: {
2727
case 2: {
2828
return (
2929
<Anchor
30-
className={cn("mt-7 mb-2", props.anchorClassName)}
30+
className={cn("mt-10 mb-3", props.anchorClassName)}
3131
data-noindex={props.noIndex}
3232
id={props.anchorId}
3333
>
3434
<h2
3535
className={cn(
36-
"break-words font-semibold text-2xl text-foreground tracking-tight",
36+
"break-words font-medium text-xl text-foreground tracking-tight",
3737
props.className,
3838
)}
3939
>
@@ -46,13 +46,13 @@ export function Heading(props: {
4646
case 3: {
4747
return (
4848
<Anchor
49-
className={cn("mt-7 mb-3", props.anchorClassName)}
49+
className={cn("mt-10 mb-3", props.anchorClassName)}
5050
data-noindex={props.noIndex}
5151
id={props.anchorId}
5252
>
5353
<h3
5454
className={cn(
55-
"break-words font-semibold text-foreground text-xl",
55+
"break-words font-medium text-foreground text-xl",
5656
props.className,
5757
)}
5858
>
@@ -65,13 +65,13 @@ export function Heading(props: {
6565
case 4: {
6666
return (
6767
<Anchor
68-
className={cn("mt-7 mb-3", props.anchorClassName)}
68+
className={cn("mt-8 mb-3", props.anchorClassName)}
6969
data-noindex={props.noIndex}
7070
id={props.anchorId}
7171
>
7272
<h4
7373
className={cn(
74-
"break-words font-semibold text-foreground text-lg",
74+
"break-words font-medium text-foreground text-lg",
7575
props.className,
7676
)}
7777
>
@@ -84,13 +84,13 @@ export function Heading(props: {
8484
case 5: {
8585
return (
8686
<Anchor
87-
className={cn("mt-7 mb-3", props.anchorClassName)}
87+
className={cn("mt-8 mb-3", props.anchorClassName)}
8888
data-noindex={props.noIndex}
8989
id={props.anchorId}
9090
>
9191
<h5
9292
className={cn(
93-
"break-words font-semibold text-foreground text-lg",
93+
"break-words font-medium text-foreground text-lg",
9494
props.className,
9595
)}
9696
>
@@ -103,13 +103,13 @@ export function Heading(props: {
103103
default: {
104104
return (
105105
<Anchor
106-
className={cn("mt-7 mb-3", props.anchorClassName)}
106+
className={cn("mt-8 mb-3", props.anchorClassName)}
107107
data-noindex={props.noIndex}
108108
id={props.anchorId}
109109
>
110110
<h6
111111
className={cn(
112-
"break-words font-semibold text-foreground text-lg",
112+
"break-words font-medium text-foreground text-lg",
113113
props.className,
114114
)}
115115
>

‎apps/portal/src/components/Document/Paragraph.tsx‎

Lines changed: 1 addition & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -5,13 +5,6 @@ export function Paragraph(props: {
55
className?: string;
66
}) {
77
return (
8-
<p
9-
className={cn(
10-
"mb-3 text-base text-muted-foreground leading-7",
11-
props.className,
12-
)}
13-
>
14-
{props.children}
15-
</p>
8+
<p className={cn("mb-3 leading-7", props.className)}>{props.children}</p>
169
);
1710
}

‎apps/portal/src/components/Document/SDKCard.tsx‎

Lines changed: 3 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,18 +10,14 @@ export function SDKCard(props: {
1010
}) {
1111
return (
1212
<Link
13-
className="flex items-center gap-2 rounded-lg border bg-card p-4 transition-colors hover:border-active-border"
13+
className="flex items-center gap-2 rounded-lg border bg-card p-2 px-4 transition-colors hover:border-active-border text-foreground/80 hover:text-foreground shadow-sm"
1414
href={props.href}
1515
target={props.isExternal ? "_blank" : undefined}
1616
>
1717
{props.icon && (
18-
<props.icon
19-
className={cn("size-6 shrink-0 text-foreground", props.iconClassName)}
20-
/>
18+
<props.icon className={cn("size-4 shrink-0", props.iconClassName)} />
2119
)}
22-
<h3 className="font-semibold text-base text-foreground tracking-tight">
23-
{props.title}
24-
</h3>
20+
<h3 className="font-semibold text-sm tracking-tight">{props.title}</h3>
2521
</Link>
2622
);
2723
}

‎apps/portal/src/components/Document/index.ts‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22

33
// export { Table } from "./Table";
44
export { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
5+
export { Badge } from "../ui/badge";
56
export { AuthList } from "./AuthList";
67
export { Breadcrumb } from "./Breadcrumb";
78
export { Callout } from "./Callout";

‎apps/portal/src/components/Layouts/DocLayout.tsx‎

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,12 @@ export function DocLayout(props: DocLayoutProps) {
5050
data-no-llm={props.noLLM}
5151
data-noindex={props.noIndex}
5252
>
53-
<div className="grow xl:mt-6">{props.children}</div>
53+
<div className="grow xl:mt-6">
54+
<h5 className="mb-2 text-sm font-semibold text-violet-600">
55+
{props.sideBar.name}
56+
</h5>
57+
{props.children}
58+
</div>
5459
<div className="mt-16 xl:mt-20">
5560
<PageFooter
5661
editPageButton={props.editPageButton}

‎apps/portal/src/components/others/TableOfContents.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ export function TableOfContentsSideBar(props: {
124124
visibility: hideNav ? "hidden" : "visible",
125125
}}
126126
>
127-
<div className="bg-muted text-sm p-4 border rounded-lg shadow-sm">
127+
<div className="bg-card text-sm p-4 border rounded-lg shadow-sm">
128128
<div className="font-medium flex items-center">
129129
<BookOpenTextIcon className="mr-2 size-4" />
130130
On this page

0 commit comments

Comments
 (0)