@@ -5,32 +5,32 @@ export default function Component() {
5
5
return (
6
6
< div className = "mx-auto mb-4 flex w-full max-w-3xl flex-col items-center space-y-6" >
7
7
< section className = "text-center" >
8
- < h1 className = "text-primary mb-1 text-4xl font-bold" > VWH Email API</ h1 >
9
- < p className = "text-foreground/80 text-xl " > REST API Documentation</ p >
8
+ < h1 className = "mb-1 text-4xl font-bold text-primary " > VWH Email API</ h1 >
9
+ < p className = "text-xl text-foreground/80 " > REST API Documentation</ p >
10
10
</ section >
11
11
< section className = "w-full space-y-8" >
12
12
{ /* Email Endpoint */ }
13
- < div className = "bg-primary/10 group relative w-full overflow-hidden rounded border p-4 transition-all duration-300 ease-in-out hover:shadow-md" >
13
+ < div className = "group relative w-full overflow-hidden rounded border bg-primary/10 p-4 transition-all duration-300 ease-in-out hover:shadow-md" >
14
14
< div className = "flex flex-col space-y-2" >
15
15
< div className = "flex items-center justify-between" >
16
16
< div className = "flex items-center space-x-2" >
17
17
< MailIcon className = "h-5 w-5 text-gray-400" />
18
- < h2 className = "text-primary text- lg font-semibold" >
18
+ < h2 className = "text-lg font-semibold text-primary " >
19
19
Get Email Messages
20
20
</ h2 >
21
21
</ div >
22
- < span className = "text-foreground/80 text- sm font-medium" >
22
+ < span className = "text-sm font-medium text-foreground/80 " >
23
23
GET
24
24
</ span >
25
25
</ div >
26
26
< p className = "text-foreground/80" >
27
27
Retrieve all messages for a specific email address
28
28
</ p >
29
29
< div className = "mt-2 space-y-2" >
30
- < h2 className = "text-primary text- md font-semibold" > Endpoint</ h2 >
30
+ < h2 className = "text-md font-semibold text-primary " > Endpoint</ h2 >
31
31
< section className = "flex items-center gap-2" >
32
- < div className = "bg-primary/5 rounded p-2 flex-grow min-w-0 " >
33
- < code className = "text-sm block truncate" >
32
+ < div className = "min-w-0 flex-grow rounded bg-primary/5 p-2 " >
33
+ < code className = "block truncate text-sm " >
34
34
https://email.vwh.sh/api/email/{ "{email}" }
35
35
</ code >
36
36
</ div >
@@ -40,12 +40,12 @@ export default function Component() {
40
40
className = "flex-shrink-0"
41
41
/>
42
42
</ section >
43
- < h2 className = "text-primary text- md font-semibold" > Parameters</ h2 >
44
- < ul className = "list-disc list-inside text-sm text-foreground/80" >
43
+ < h2 className = "text-md font-semibold text-primary " > Parameters</ h2 >
44
+ < ul className = "list-inside list-disc text-sm text-foreground/80" >
45
45
< li > email (string): The email address to fetch messages for</ li >
46
46
</ ul >
47
- < h2 className = "text-primary text- md font-semibold" > Response</ h2 >
48
- < div className = "bg-primary/5 rounded p-2 overflow-x-auto " >
47
+ < h2 className = "text-md font-semibold text-primary " > Response</ h2 >
48
+ < div className = "overflow-x-auto rounded bg-primary/5 p-2" >
49
49
< pre className = "text-sm text-foreground/80" >
50
50
{ `[
51
51
{
@@ -65,27 +65,27 @@ export default function Component() {
65
65
</ div >
66
66
</ div >
67
67
{ /* Inbox Endpoint */ }
68
- < div className = "bg-primary/10 group relative w-full overflow-hidden rounded border p-4 transition-all duration-300 ease-in-out hover:shadow-md" >
68
+ < div className = "group relative w-full overflow-hidden rounded border bg-primary/10 p-4 transition-all duration-300 ease-in-out hover:shadow-md" >
69
69
< div className = "flex flex-col space-y-2" >
70
70
< div className = "flex items-center justify-between" >
71
71
< div className = "flex items-center space-x-2" >
72
72
< MailIcon className = "h-5 w-5 text-gray-400" />
73
- < h2 className = "text-primary text- lg font-semibold" >
73
+ < h2 className = "text-lg font-semibold text-primary " >
74
74
Get Inbox Message
75
75
</ h2 >
76
76
</ div >
77
- < span className = "text-foreground/80 text- sm font-medium" >
77
+ < span className = "text-sm font-medium text-foreground/80 " >
78
78
GET
79
79
</ span >
80
80
</ div >
81
81
< p className = "text-foreground/80" >
82
82
Retrieve a specific message by its ID
83
83
</ p >
84
84
< div className = "mt-2 space-y-2" >
85
- < h2 className = "text-primary text- md font-semibold" > Endpoint</ h2 >
85
+ < h2 className = "text-md font-semibold text-primary " > Endpoint</ h2 >
86
86
< section className = "flex items-center gap-2" >
87
- < div className = "bg-primary/5 rounded p-2 flex-grow min-w-0 " >
88
- < code className = "text-sm block truncate" >
87
+ < div className = "min-w-0 flex-grow rounded bg-primary/5 p-2 " >
88
+ < code className = "block truncate text-sm " >
89
89
https://email.vwh.sh/api/inbox/{ "{inboxId}" }
90
90
</ code >
91
91
</ div >
@@ -95,12 +95,12 @@ export default function Component() {
95
95
className = "flex-shrink-0"
96
96
/>
97
97
</ section >
98
- < h2 className = "text-primary text- md font-semibold" > Parameters</ h2 >
99
- < ul className = "list-disc list-inside text-sm text-foreground/80" >
98
+ < h2 className = "text-md font-semibold text-primary " > Parameters</ h2 >
99
+ < ul className = "list-inside list-disc text-sm text-foreground/80" >
100
100
< li > inboxId (string): The unique identifier of the message</ li >
101
101
</ ul >
102
- < h2 className = "text-primary text- md font-semibold" > Response</ h2 >
103
- < div className = "bg-primary/5 rounded p-2 overflow-x-auto " >
102
+ < h2 className = "text-md font-semibold text-primary " > Response</ h2 >
103
+ < div className = "overflow-x-auto rounded bg-primary/5 p-2" >
104
104
< pre className = "text-sm text-foreground/80" >
105
105
{ `{
106
106
"id": "{inboxId}",
@@ -118,27 +118,27 @@ export default function Component() {
118
118
</ div >
119
119
</ div >
120
120
{ /* Delete Endpoint */ }
121
- < div className = "bg-primary/10 group relative w-full overflow-hidden rounded border p-4 transition-all duration-300 ease-in-out hover:shadow-md" >
121
+ < div className = "group relative w-full overflow-hidden rounded border bg-primary/10 p-4 transition-all duration-300 ease-in-out hover:shadow-md" >
122
122
< div className = "flex flex-col space-y-2" >
123
123
< div className = "flex items-center justify-between" >
124
124
< div className = "flex items-center space-x-2" >
125
125
< Trash2Icon className = "h-5 w-5 text-gray-400" />
126
- < h2 className = "text-primary text- lg font-semibold" >
126
+ < h2 className = "text-lg font-semibold text-primary " >
127
127
Delete Inbox Message
128
128
</ h2 >
129
129
</ div >
130
- < span className = "text-foreground/80 text- sm font-medium" >
130
+ < span className = "text-sm font-medium text-foreground/80 " >
131
131
GET
132
132
</ span >
133
133
</ div >
134
134
< p className = "text-foreground/80" >
135
135
Delete a specific message by its ID
136
136
</ p >
137
137
< div className = "mt-2 space-y-2" >
138
- < h2 className = "text-primary text- md font-semibold" > Endpoint</ h2 >
138
+ < h2 className = "text-md font-semibold text-primary " > Endpoint</ h2 >
139
139
< section className = "flex items-center gap-2" >
140
- < div className = "bg-primary/5 rounded p-2 flex-grow min-w-0 " >
141
- < code className = "text-sm block truncate" >
140
+ < div className = "min-w-0 flex-grow rounded bg-primary/5 p-2 " >
141
+ < code className = "block truncate text-sm " >
142
142
https://email.vwh.sh/api/delete/{ "{inboxId}" }
143
143
</ code >
144
144
</ div >
@@ -148,12 +148,12 @@ export default function Component() {
148
148
className = "flex-shrink-0"
149
149
/>
150
150
</ section >
151
- < h2 className = "text-primary text- md font-semibold" > Parameters</ h2 >
152
- < ul className = "list-disc list-inside text-sm text-foreground/80" >
151
+ < h2 className = "text-md font-semibold text-primary " > Parameters</ h2 >
152
+ < ul className = "list-inside list-disc text-sm text-foreground/80" >
153
153
< li > inboxId (string): The unique identifier of the message</ li >
154
154
</ ul >
155
- < h2 className = "text-primary text- md font-semibold" > Response</ h2 >
156
- < div className = "bg-primary/5 rounded p-2 overflow-x-auto " >
155
+ < h2 className = "text-md font-semibold text-primary " > Response</ h2 >
156
+ < div className = "overflow-x-auto rounded bg-primary/5 p-2" >
157
157
< pre className = "text-sm text-foreground/80" > true</ pre >
158
158
</ div >
159
159
</ div >
0 commit comments