fix smtp design

This commit is contained in:
KMKoushik
2024-10-20 08:56:27 +11:00
parent 2db31cda35
commit 86ea7eb72d

View File

@@ -30,36 +30,38 @@ export default function ExampleCard() {
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent> <CardContent>
<div className="space-y-4"> <div className="space-y-6">
<div> <div>
<strong>Host:</strong> <strong>Host:</strong>
<TextWithCopyButton <TextWithCopyButton
className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900" className="ml-1 border bg-primary/10 rounded-lg mt-1 p-2 w-full "
value={"smtp.unsend.dev"} value={"smtp.unsend.dev"}
></TextWithCopyButton> ></TextWithCopyButton>
</div> </div>
<div> <div>
<strong>Port:</strong> <strong>Port:</strong>
<TextWithCopyButton <TextWithCopyButton
className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900" className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10 font-mono"
value={"465"} value={"465"}
></TextWithCopyButton> ></TextWithCopyButton>
<p className="ml-1 mt-1 text-zinc-500 "> <p className="ml-1 mt-1 text-zinc-500 text-sm ">
For encrypted/TLS connections use <strong>2465</strong>,{" "} For encrypted/TLS connections use{" "}
<strong>587</strong> or <strong>2587</strong> <strong className="font-mono">2465</strong>,{" "}
<strong className="font-mono">587</strong> or{" "}
<strong className="font-mono">2587</strong>
</p> </p>
</div> </div>
<div> <div>
<strong>User:</strong> <strong>User:</strong>
<TextWithCopyButton <TextWithCopyButton
className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900" className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10"
value={"unsend"} value={"unsend"}
></TextWithCopyButton> ></TextWithCopyButton>
</div> </div>
<div> <div>
<strong>Password:</strong> <strong>Password:</strong>
<TextWithCopyButton <TextWithCopyButton
className="ml-1 text-zinc-500 rounded-lg mt-1 p-2 w-full bg-gray-900" className="ml-1 rounded-lg mt-1 p-2 w-full bg-primary/10"
value={"YOUR_API_KEY"} value={"YOUR_API_KEY"}
></TextWithCopyButton> ></TextWithCopyButton>
</div> </div>